/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


a { text-decoration:none; }


.link { background:none; border:none; outline:none; padding:0; margin:0; display:inline; color:#008FFF; cursor:pointer; }
.link:hover { text-decoration:underline; }

.button {
	border:none;
	outline:none;
	border-radius:2px;
}

.button.black
{
	color:#eee;
	box-shadow:inset 0 1px 0 rgba(154, 154, 154, 0.10);
	background:#282a2d;
	background: -webkit-linear-gradient(top, #35373b, #282a2d);
	background: -moz-linear-gradient(top, #35373b, #282a2d);
	background: -o-linear-gradient(top, #35373b, #282a2d);
	background: -ms-linear-gradient(top, #35373b, #282a2d);
	background: linear-gradient(to bottom, #35373b, #282a2d);
}
.button.black:active { box-shadow:inset 0 3px 3px rgba(0,0,0,.15); }


.button.grey
{
	position:relative;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
	font-size:13px;
	font-weight:700;
	padding:0 15px;
	height:30px;
	color:#444;
	text-shadow:0 -1px 0 rgba(255,255,255,.1);
	background:#eee;
	background: linear-gradient(to bottom, #eee, #ddd);
}
.button.grey:active { box-shadow:inset 0 3px 3px rgba(0,0,0,.15); }



.button.yellow {
	background: #ffd205;
	background: -webkit-linear-gradient(top, #ffd205, #ffae05);
	background: -moz-linear-gradient(top, #ffd205, #ffae05);
	background: -o-linear-gradient(top, #ffd205, #ffae05);
	background: -ms-linear-gradient(top, #ffd205, #ffae05);
	background: linear-gradient(to bottom, #ffd205, #ffae05);
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 #ffec82;
}
.button.yellow:hover { color:#333; }
.button.yellow:active { box-shadow:inset 0 3px 3px rgba(0,0,0,.3); }




.button.blue {
	position:relative;
	box-shadow: 0 1px 0 rgba(78, 107, 169, 0.24);
	font-size:13px;
	font-weight:700;
	padding:0 15px;
	height:30px;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.1);
	background:#659be5;
	background: -webkit-linear-gradient(top, #659be5, #4e7fe1);
	background: -moz-linear-gradient(top, #659be5, #4e7fe1);
	background: -o-linear-gradient(top, #659be5, #4e7fe1);
	background: -ms-linear-gradient(top, #659be5, #4e7fe1);
	background: linear-gradient(to bottom, #659be5, #4e7fe1);

	/* background: linear-gradient(to bottom, #4e6db2, #375a9f); */
}
.button.blue:active { box-shadow:inset 0 3px 3px rgba(0,0,0,.3); }

.button.blue.small {
	padding:0 10px;
	height:23px;
	margin:0 0 2px 0;
	font-size:12px;
}




.button.red {
	box-shadow: 0 1px 0 rgba(78, 107, 169, 0.24);
	font-size:13px;
	font-weight:700;
	padding:0 15px;
	height:30px;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.1);
	background:#E56767;
	background: -webkit-linear-gradient(top, #E56767, #D24B4B);
	background: -moz-linear-gradient(top, #E56767, #D24B4B);
	background: -o-linear-gradient(top, #E56767, #D24B4B);
	background: -ms-linear-gradient(top, #E56767, #D24B4B);
	background: linear-gradient(to bottom, #E56767, #D24B4B);
}
.button.red:active { box-shadow:inset 0 3px 3px rgba(0,0,0,.3); }





#chat-popup { position:absolute; z-index:9; top:130px; width:300px; height:390px; right:20px; left:auto; overflow:visible; }
#chat-popup .popup { width:100%; height:100% !important; position:relative; }
#chat-popup .popup_inner { height:100%;  }
#chat-popup section { padding:0; }
#chat-popup header { position:relative; z-index:1; height:35px; line-height:35px; border-bottom:none; box-shadow:0 1px 0 0 rgba(0,0,0,0.1), 0 2px 0 0 rgba(0,0,0,.03); }
#chat-popup header button { width:35px; height:35px; }
#chat-popup footer { position:absolute; bottom:0; padding:0; width:100%; height:40px; border-radius:0 0 3px 3px; border:none; }

#chat-popup .message { position:absolute; background:#fff; height:20px; width:210px; border:none; padding: 10px 50px 10px 40px; font-size:11px; border-radius:0 0 3px 3px; outline:none; box-shadow:0 -1px 0 0 rgba(0,0,0,0.1), 0 -2px 0 0 rgba(0,0,0,.05); }
#chat-popup .message:focus { box-shadow:0 0 0 1px rgba(5, 127, 255, 0.49), inset 0 0 1px 2px rgba(186, 238, 255, 0.59), 0 -1px 0 0 rgba(0,0,0,0.1), 0 -2px 0 0 rgba(0,0,0,.05); }

#chat-popup .send { position:absolute; right:6px; top:6px; bottom:6px; background:none; border:none; outline:none; padding:0 10px 0 3px; color:#0384FF; font-weight:600; font-size:11px; }
#chat-popup .messages { position:absolute; width:100%; bottom:40px; top:35px; margin:0; padding:0 0 5px 0; list-style:none; overflow:auto; }
#chat-popup .messages li { position:relative; clear:both; border-top:solid 1px #eee; padding:5px 15px; line-height:16px; overflow:hidden;
	word-break: break-all;
	word-break:break-word;
}
#chat-popup .messages li:first-child { border:none; }
#chat-popup .messages div { float:left; width:225px; }
#chat-popup .messages .sender { display:inline; padding:0; margin:0; border:none; outline:none; background:none; font-weight:bold; }
#chat-popup .messages span { display:inline; }
#chat-popup .messages em { position:absolute; right:15px; width:35px; text-align:right; color:#999; font-size:11px; font-style:normal; }

#chat-popup .messages .image { position:relative; border: solid 2px #eee; border-radius:3px; background: #fbfbfb; margin: 5px 0; line-height:0; height:100px; width:225px; overflow:hidden; box-shadow:0 1px 1px rgba(0,0,0,.03); }
#chat-popup .messages .image img { position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%, -50%); }

#chat-popup .messages .tag-private 	.sender:before,
#chat-popup .messages .tag-mod 		.sender:before,
#chat-popup .messages .tag-admin 	.sender:before,
#chat-popup .messages .tag-system 	.sender:before
{ font-size:8px; font-weight: bold; border-radius: 10px; height: 13px; line-height: 13px; padding: 0 4px; margin: 0 5px 0 0; display: inline-block; }

#chat-popup .messages .tag-private 	.sender:before { content:'Private'; color:#40810C; background:#DAEDD7; }
#chat-popup .messages .tag-mod 		.sender:before { content:'Mod'; color:#9948AB; background:#F0E3FF; }
#chat-popup .messages .tag-admin 	.sender { color:orange; }
#chat-popup .messages .tag-admin 	.sender:before { content:'Admin'; color:#E08328; background: #FFF3E3; }
#chat-popup .messages .tag-system 	span { display:block; width:270px; }
#chat-popup .messages .tag-system 	.sender:before { content:'BOT'; color:#C73030; background:#FFE3E3; }
#chat-popup .messages .tag-error 	{ color:#EA4040; }
#chat-popup .messages .tag-console 	{ color:#3877CB; }
#chat-popup .messages .tag-console 	span { display:block; width:270px; }
#chat-popup .messages .tag-input 	{ color:green; }


#chat-popup .warning { position:absolute; z-index:1; top:35px; bottom:0; padding:20px 30px; text-align:center; background:#fff; border-radius:0 0 3px 3px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.15); }
#chat-popup .warning strong { display:block; font-size:35px; color:#FFD1D1; }
#chat-popup .warning span { display:block; font-size:13px; padding:10px 0; }
#chat-popup .warning button { position:absolute; font-size:14px; font-weight:600; height:40px; width:150px; bottom:30px; left:50%; margin:0 0 0 -75px; background: rgba(255, 255, 255, 0.5); border:solid 1px #e3e3e3; color:#60b1ff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
#chat-popup .warning button:active { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
#chat-popup .warning { transition:opacity .3s ease; }
#chat-popup .warning.closed { opacity:0; pointer-events:none; }




#chat-popup .rooms-wrap { position:absolute; top:9px; left:9px; z-index:2; background:#ddd; height:18px; line-height:18px; border-radius:10px; box-shadow:inset 0 1px #c5c5c5, 0 1px #f5f5f5; font-size:10px; padding:0 8px; cursor:pointer; }
#chat-popup .rooms-wrap span { color:#333; font-weight:600; text-transform:capitalize; }
#chat-popup .rooms-wrap i { color:#555; margin:0 0 0 2px; }
#chat-popup .rooms { opacity:0; z-index:1; top:0; left:0; position:absolute; width:100%; height:100%; font-size:16px; cursor:pointer; }





#chat-popup .emoticons { position:absolute; top:6px; left:6px; width:28px; height:28px; }
#chat-popup .emoticons .open_button { cursor:pointer; width:28px; height:28px; opacity:0.8; }
#chat-popup .emoticons .open_button i { margin:0; }

#chat-popup .tooltip_wrap {
	position:absolute;
	top:0;
	left:50%;
	opacity:0;
	pointer-events:none;

	-webkit-transform-origin: 50% 120%;
	-moz-transform-origin: 50% 120%;
	-ms-transform-origin: 50% 120%;
	-o-transform-origin: 50% 120%;
	transform-origin: 50% 120%;

	-webkit-transform:scale(0.8) translateZ(0);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);

	transition:all .4s ease;

}
#chat-popup .tooltip_wrap.open {
	pointer-events:auto;
	opacity:1;

	-webkit-transform:scale(1) translateZ(0);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

#chat-popup .tooltip { position: absolute; bottom: 5px; left: -115px; width:230px; height:175px; }
#chat-popup .tooltip .tip { position: absolute; pointer-events:none; bottom: -14px; left: 50%; margin-left: -7px; border: 7px solid rgba(0, 0, 0, 0.15); border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid transparent; }
#chat-popup .tooltip .tip div {position: absolute; border: 6px solid #fff; top: -7px; left: -6px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid transparent; }
#chat-popup .tooltip .tool {
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
	border-radius:5px;
	overflow-x:hidden;
	overflow-y:scroll;
}

#chat-popup .tooltip .tool ul { padding:10px 0 15px 15px; margin:0; list-style:none; }
#chat-popup .tooltip .tool li { float:left; padding:3px; margin:2px; background:none; border:none; outline:none; cursor:pointer; transition:all .2s ease; border-radius: 3px; }
#chat-popup .tooltip .tool li:hover { background:#FFF; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.1); }
#chat-popup .tooltip .tool li i { margin:0; }

#chat-popup .tooltip .shadow { position:absolute; height:20px; left:0; right:18px; pointer-events:none; }
#chat-popup .tooltip .shadow.top {
	top:0;
	border-radius:5px 5px 0 0;
	background: linear-gradient(to bottom, #fff 5%, rgba(255, 255, 255, 0));
}
#chat-popup .tooltip .shadow.bottom {
	bottom:0;
	border-radius:0 0 5px 5px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 95%);
}







.checkbox { display:inline-block; width:100px; height:50px; position:relative; cursor:pointer; }
.checkbox div { position:absolute; width:100%; height:100%; background: #FAFAFB; border: 1px solid #E8EAEC; border-radius:50px; box-sizing:border-box; transition:.4s; }
.checkbox span { display:block; width:50%; height:100%; background:#fff; border-radius:100%; box-shadow: 0 2px 2px rgba(26,53,71,.25), 0 0 0 1px rgba(26,53,71,.07); transition: .4s; }
.checkbox input { display:block; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; }

.checkbox input:checked + div { border-color: #41C955; background: #52D468; }
.checkbox input:checked + div span { -webkit-transform:translateX(100%); transform:translateX(100%); }
.checkbox { width:60px; height:30px; }

.checkbox.small { width:50px; height:25px; }

.checkbox.big { width:100px; height:50px; }
.checkbox.big div { border-width:2px; }
.checkbox.big span { box-shadow: 0 3px 3px rgba(26,53,71,.25), 0 0 0 1px rgba(26,53,71,.07); }


/*

<label class="checkbox">
	<input type="checkbox" />
	<div><span></span></div>
</label>
	
*/

.code { display:block; padding:15px 20px; margin:5px 0 15px 0; border:solid 1px #e5e5e5; border-left-width:6px; border-radius:4px; box-shadow:0 1px 0 #FAFAFA; }
.code code { font-size:13px; color:#111; font-family: "Monaco", "Andale Mono", "Lucida Console", "Courier New", Courier, monospace; }
.code .var { color: #199898; }
.code .fun { font-weight:bold; color:#555; }
.code .key { font-weight:bold; color:blue; }
.code .cls { font-weight:bold; color:#6881E4; }
.code .num { color:#AE2424; }



.dice { position:relative; top:0; width:100%; height:420px; }

.dice .counter { position:relative; width:148px; height:128px; margin:40px auto 20px auto; }


.dice .status { color:#333; padding:0 0 10px 0; font-size:28px; text-transform:uppercase; line-height:30px; cursor:default; }
.dice .status div { width:50%; }
.dice .status span { display:block; padding:0 8px; transition:color 0.3s ease, text-shadow 0.3s ease; }
.dice .status .winner { float:left; text-align:right; }
.dice .status .loser { float:right; text-align:left; }
.dice .status .amount { font-size:18px; color:#141414; }

.dice .status.won .winner,
.dice .status.won .winner .amount { color: #AEFF81; }
.dice .status.lost .loser,
.dice .status.lost .loser .amount { color:#ea0048; }




.dice .info { cursor:default; color:#ebd500; text-shadow:0 0 3px #ebd500; border-top:solid 1px #333; border-bottom:solid 1px #333; line-height:80px; height:80px; }
.dice .info ul { list-style:none; padding:0; }
.dice .info li { font-size:16px; width:33%; float:left; text-align:center; }

.dice .history { position:absolute; cursor:default; }
.dice .history ul { list-style:none; padding:0; margin:0; }
.dice .history li { font-size:14px; font-weight:600; }
.dice .history .won { color: #CEFF81; }
.dice .history .lost { color:#ea0048; }
.dice .history li:nth-child(7) 	{ opacity:0.8; }
.dice .history li:nth-child(8) 	{ opacity:0.6; }
.dice .history li:nth-child(9) 	{ opacity:0.3; }
.dice .history li:nth-child(10) { opacity:0.1; }

.controls { position:absolute; width:100%; bottom:80px; }
.controls nav { width:654px; margin:0 auto; padding:10px 15px; }
.controls ul { list-style:none; margin:0; padding:0; }
.controls li { float:left; margin:0 5px; }
.controls button { color:#444; outline:none; border:none; padding:0; margin:0; }
.controls button.control { transition:opacity .2s ease; }

.enabled .controls button.control:active {
	background: #aaa;
	background: linear-gradient(to bottom, #999, #aaa);
	box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.4);
}


.disabled .normal-controls button.control,
.playing .normal-controls button.control { opacity:0.3; }



.controls button strong { padding:0; display:block; font-size:19px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); line-height:21px; }
.controls button p { padding:0; font-size:11px; line-height:13px; }
.controls input { font-size:13px; font-weight:bold; text-align:center; outline:none; margin:2px; padding:4px 5px; width:99px; height:18px; border:solid 1px #aaa; border-radius:2px; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.10); transition:background .2s ease; }
.controls input:focus { border: solid 1px #00A3FF; box-shadow: 0 0 0 1px rgba(0, 163, 255, 0.2), inset 0 1px 1px 0 rgba(0, 0, 0, 0.10); }
.controls input.error { background:#FDD; }
.controls p { color:#444; text-align:center; margin:0; padding:2px 0 1px 0; line-height:23px; font-weight:700; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
.controls div.control p { cursor:default; font-weight:600; font-size:13px; }
.controls .control {
	width:115px;
	height:58px;
	border-radius:2px;
	box-shadow: inset 0 1px 0 #eee;
	background: #ccc;
	background: -webkit-linear-gradient(top, #ddd, #ccc);
	background: -moz-linear-gradient(top, #ddd, #ccc);
	background: -o-linear-gradient(top, #ddd, #ccc);
	background: -ms-linear-gradient(top, #ddd, #ccc);
	background: linear-gradient(to bottom, #ddd, #ccc);
}

.normal-controls .stats { position:absolute; top:-30px; width:115px; font-size:12px; transition:opacity ease .2s; }
.normal-controls .stats div { clear:both; padding:0 1px; cursor:default; }
.normal-controls .stats strong { float:right; font-weight:600; color: #DCFF9B; }
.normal-controls .stats span { color:#888; float:left; font-weight:600; }

.playing_bigger .controls .stats.low,
.playing_smaller .controls .stats.high { opacity:.3; }

.controls #android { width:40px; opacity:1; }
.controls #android i { font-size:22px; margin:5px 0 5px 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); transition:color .2s ease, text-shadow .2s ease; }
.controls #android p { font-size:9px; font-weight:700; line-height:10px; }

.controls .bet-amount-control { width:218px; background:none; box-shadow:none; }
.controls .bet-amount-control input { width:202px; }
.controls footer { background:#ccc; border-radius: 0 0 2px 2px;  }
.controls .tabs { height: 25px; margin:0 -1px; }
.controls .tabs li { padding:0; margin:0; }
.controls .tabs .tab { margin:0 1px; padding:0; border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px 0 #eee;
background: #ccc;
background: -webkit-linear-gradient(top, #ddd, #ccc);
background: -moz-linear-gradient(top, #ddd, #ccc);
background: -o-linear-gradient(top, #ddd, #ccc);
background: -ms-linear-gradient(top, #ddd, #ccc);
background: linear-gradient(to bottom, #ddd, #ccc); }
.controls .tabs p.tab { width:70px; padding:2px 0 1px 0; text-align:center; }
.controls .tabs button,
.controls .tabs button:active { width:35px; line-height:25px; height: 25px; background:none; font-weight: 600;
text-shadow: 0 1px 0 #DDD; text-transform:uppercase; font-size:11px; box-shadow:none; }

.key65 #bet_divider,
.key83 #bet_multiplier,
.key68 #bet_min,
.key70 #bet_max,
.controls .tabs button:active {
	color:#333;
	text-shadow: 0 1px 0 #ccc;
	box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.2);
	background: -webkit-linear-gradient(top, #888, #ccc);
	background: -moz-linear-gradient(top, 	#888, #ccc);
	background: -o-linear-gradient(top, 	#888, #ccc);
	background: -ms-linear-gradient(top, 	#888, #ccc);
	background: linear-gradient(to bottom, 	#888, #ccc);
}

.android-controls { display:none; position:relative; }
.android-controls header { position: absolute; top: -50px; left:0; color: #FFF; text-align: center; width: 100%; }
.android-controls header i { font-size:28px; color:#399CFF; text-shadow:0 0 10px rgba(21, 95, 255, 0.7); }
.android-controls header span { color:#999; display:block }
.android-controls header strong { font-weight:600; color: #DCFF9B; font-size:18px; }

.android-controls .stats { float:left; width:115px; height:49px; padding:5px; color:#eee; background: #222; margin: 0 5px; border-radius: 3px; }
.android-controls .stats div { clear:both; padding:0 3px; line-height:16px; cursor:default; font-size:12px; }
.android-controls .stats strong { float:right; font-weight:600; color: #DCFF9B; }
.android-controls .stats strong.negative { color:#ea0048; }
.android-controls .stats span { color:#999; float:left; font-weight:600; }
.android-controls button { margin:0 5px; }
.android-controls i { color:#008aff; text-shadow: 0 0 10px rgba(99, 191, 255, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3); }

.bot .normal-controls { display:none; }
.bot .android-controls { display:block; width:540px; }


.digit {
	position:relative;
	width: 63px;
	height:114px;
	display:inline-block;
	margin:4px;
}

.digit span {
	display:block;
	opacity:1;
	position:absolute;
	background:#252525;
	box-shadow:none;
	border-color:#252525;
	z-index:1;

	transition:0.25s;
}

.digit span:before,
.digit span:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	border:4px solid transparent;
}

.digit .top,
.digit .middle,
.digit .bottom { height:8px; width:45px; }

.digit .top { top:0; left:9px; }
.digit .middle { top:55px; left:9px; }
.digit .bottom { top:110px; left:9px; }

.digit .top-left,
.digit .top-right,
.digit .bottom-left,
.digit .bottom-right { height:45px; width:8px; }

.digit .top-left { top:9px; left:0; }
.digit .top-right { top:9px; right:0; }
.digit .bottom-left { top:64px; left:0; }
.digit .bottom-right { top:64px; right:0; }

.digit .top:before,
.digit .middle:before,
.digit .bottom:before { border-right-color:inherit; left:-8px; }

.digit .top:after,
.digit .middle:after,
.digit .bottom:after { border-left-color:inherit; right:-8px; }

.digit .top-left:before,
.digit .top-right:before,
.digit .bottom-left:before,
.digit .bottom-right:before { border-bottom-color:inherit; top:-8px; }

.digit .top-left:after,
.digit .top-right:after,
.digit .bottom-left:after,
.digit .bottom-right:after { border-top-color:inherit; bottom:-8px; }

/* 0 ------------------- */
.digit.n0 .top,
.digit.n0 .top-left,
.digit.n0 .top-right,
.digit.n0 .bottom,
.digit.n0 .bottom-left,
.digit.n0 .bottom-right,
/* 1 ------------------- */
.digit.n1 .top-right,
.digit.n1 .bottom-right,
/* 2 ------------------- */
.digit.n2 .top,
.digit.n2 .top-right,
.digit.n2 .middle,
.digit.n2 .bottom,
.digit.n2 .bottom-left,
/* 3 ------------------- */
.digit.n3 .top,
.digit.n3 .top-right,
.digit.n3 .middle,
.digit.n3 .bottom,
.digit.n3 .bottom-right,
/* 4 ------------------- */
.digit.n4 .top-left,
.digit.n4 .top-right,
.digit.n4 .middle,
.digit.n4 .bottom-right,
/* 5 ------------------- */
.digit.n5 .top,
.digit.n5 .top-left,
.digit.n5 .middle,
.digit.n5 .bottom,
.digit.n5 .bottom-right,
/* 6 ------------------- */
.digit.n6 .top,
.digit.n6 .top-left,
.digit.n6 .middle,
.digit.n6 .bottom,
.digit.n6 .bottom-left,
.digit.n6 .bottom-right,
/* 7 ------------------- */
.digit.n7 .top,
.digit.n7 .top-right,
.digit.n7 .bottom-right,
/* 8 ------------------- */
.digit.n8 .top,
.digit.n8 .top-left,
.digit.n8 .top-right,
.digit.n8 .middle,
.digit.n8 .bottom,
.digit.n8 .bottom-left,
.digit.n8 .bottom-right,
/* 9 ------------------- */
.digit.n9 .top,
.digit.n9 .top-left,
.digit.n9 .top-right,
.digit.n9 .middle,
.digit.n9 .bottom,
.digit.n9 .bottom-right,
/* none ---------------- */
/* standby ------------- */
.digit.standby .middle,
/* animate ------------- */
.digit.d1.a1 .top,
.digit.d1.a2 .top-left,
.digit.d1.a3 .bottom-left,
.digit.d1.a4 .bottom,
.digit.d2.a5 .bottom,
.digit.d2.a6 .bottom-right,
.digit.d2.a7 .top-right,
.digit.d2.a8 .top
{
	background-color:#ed1444;
	border-color:#ed1444;
	box-shadow:0 0 10px 1px #900029;
	z-index:2;
}

/* 0 ------------------- */
.digit.green.n0 .top,
.digit.green.n0 .top-left,
.digit.green.n0 .top-right,
.digit.green.n0 .bottom,
.digit.green.n0 .bottom-left,
.digit.green.n0 .bottom-right,
/* 1 ------------------- */
.digit.green.n1 .top-right,
.digit.green.n1 .bottom-right,
/* 2 ------------------- */
.digit.green.n2 .top,
.digit.green.n2 .top-right,
.digit.green.n2 .middle,
.digit.green.n2 .bottom,
.digit.green.n2 .bottom-left,
/* 3 ------------------- */
.digit.green.n3 .top,
.digit.green.n3 .top-right,
.digit.green.n3 .middle,
.digit.green.n3 .bottom,
.digit.green.n3 .bottom-right,
/* 4 ------------------- */
.digit.green.n4 .top-left,
.digit.green.n4 .top-right,
.digit.green.n4 .middle,
.digit.green.n4 .bottom-right,
/* 5 ------------------- */
.digit.green.n5 .top,
.digit.green.n5 .top-left,
.digit.green.n5 .middle,
.digit.green.n5 .bottom,
.digit.green.n5 .bottom-right,
/* 6 ------------------- */
.digit.green.n6 .top,
.digit.green.n6 .top-left,
.digit.green.n6 .middle,
.digit.green.n6 .bottom,
.digit.green.n6 .bottom-left,
.digit.green.n6 .bottom-right,
/* 7 ------------------- */
.digit.green.n7 .top,
.digit.green.n7 .top-right,
.digit.green.n7 .bottom-right,
/* 8 ------------------- */
.digit.green.n8 .top,
.digit.green.n8 .top-left,
.digit.green.n8 .top-right,
.digit.green.n8 .middle,
.digit.green.n8 .bottom,
.digit.green.n8 .bottom-left,
.digit.green.n8 .bottom-right,
/* 9 ------------------- */
.digit.green.n9 .top,
.digit.green.n9 .top-left,
.digit.green.n9 .top-right,
.digit.green.n9 .middle,
.digit.green.n9 .bottom,
.digit.green.n9 .bottom-right,
/* none ---------------- */
/* standby ------------- */
.digit.green.standby .middle,
/* animate ------------- */
.digit.green.d1.a1 .top,
.digit.green.d1.a2 .top-left,
.digit.green.d1.a3 .bottom-left,
.digit.green.d1.a4 .bottom,
.digit.green.d2.a5 .bottom,
.digit.green.d2.a6 .bottom-right,
.digit.green.d2.a7 .top-right,
.digit.green.d2.a8 .top
{
	background-color:#abff7a;
	border-color:#abff7a;
	box-shadow:0 0 10px 1px #237300;
}



.digit.d1.a1 .top,
.digit.d1.a2 .top-left,
.digit.d1.a3 .bottom-left,
.digit.d1.a4 .bottom,
.digit.d2.a5 .bottom,
.digit.d2.a6 .bottom-right,
.digit.d2.a7 .top-right,
.digit.d2.a8 .top
{ transition:none; }



.dropdown
{
	position:relative;
	display:block;
	width:100%;
	height:31px;
}

.dropdown select { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; border:none; background:none; }
.dropdown div { height:100%; border:solid; border: 1px solid #ddd; border-radius:2px; box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.05); }
.dropdown select:focus + div { border:solid 1px #60b6ff; box-shadow: 0 0 1px 2px rgba(197, 240, 255, 0.78), inset 0 1px 1px 0 #eee; }
.dropdown div:after {
	display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";

    pointer-events:none;
	position: absolute;
    top: 6px;
    right: 0px;
    line-height: 23px;
    height: 22px;
    width: 31px;
    text-align: center;
    border-left: solid #ddd 1px;
    color:#aaa;
 }
.dropdown span { font-size:13px; line-height:31px; padding:0 10px; font-weight:normal; }



@keyframes wiggle
{
	0%,
    80%
    { transform:rotate(0deg); }

    10%,
    30%,
    50%,
    70%
    { transform:rotate(10deg); }

    20%,
    40%,
    60%
    { transform:rotate(-10deg); }
}

.easter-egg
{
	position: absolute;
	top:130px;
	right:50px;
	width:50px;
	height:41px;
	background:url('../../assets/img/events/easter.png');
	background-size:50px 41px;
	transform-origin:50% 100%;

	animation:wiggle 2s ease infinite;
}

.easter-egg.red
{
	background-image:url('../../assets/img/events/easter-red.png');
	top:430px;
}

.easter-egg.purple
{
	background-image:url('../../assets/img/events/easter-purple.png');
	top:430px;
}

.emoji{display:inline-block;vertical-align:middle;margin:0 .2ex;background:url("../../assets/img/icons/emoji-1.png") no-repeat;-webkit-background-size:291px 378px;-moz-background-size:291px 378px;background-size:291px 378px;width:28px;height:28px}.emoji.worried{background-position:-1px -1px}.emoji.frowning{background-position:-30px -1px}.emoji.sob{background-position:-59px -1px}.emoji.no_mouth{background-position:-88px -1px}.emoji.sweat_smile{background-position:-117px -1px}.emoji.blush{background-position:-146px -1px}.emoji.yum{background-position:-175px -1px}.emoji.mask{background-position:-204px -1px}.emoji.disappointed_relieved{background-position:-233px -1px}.emoji.laughing{background-position:-262px -1px}.emoji.kissing_smiling_eyes{background-position:-1px -30px}.emoji.innocent{background-position:-30px -30px}.emoji.anguished{background-position:-59px -30px}.emoji.confounded{background-position:-88px -30px}.emoji.sleeping{background-position:-117px -30px}.emoji.flushed{background-position:-146px -30px}.emoji.stuck_out_tongue_winking_eye{background-position:-175px -30px}.emoji.open_mouth{background-position:-204px -30px}.emoji.smiley{background-position:-233px -30px}.emoji.smirk{background-position:-262px -30px}.emoji.weary{background-position:-1px -59px}.emoji.dizzy_face{background-position:-30px -59px}.emoji.cold_sweat{background-position:-59px -59px}.emoji.pensive{background-position:-88px -59px}.emoji.sunglasses{background-position:-117px -59px}.emoji.kissing{background-position:-146px -59px}.emoji.rage{background-position:-175px -59px}.emoji.relieved{background-position:-204px -59px}.emoji.grin{background-position:-233px -59px}.emoji.cry{background-position:-262px -59px}.emoji.astonished{background-position:-1px -88px}.emoji.sleepy{background-position:-30px -88px}.emoji.scream{background-position:-59px -88px}.emoji.hushed{background-position:-88px -88px}.emoji.joy{background-position:-117px -88px}.emoji.sweat{background-position:-146px -88px}.emoji.disappointed{background-position:-175px -88px}.emoji.stuck_out_tongue_closed_eyes{background-position:-204px -88px}.emoji.expressionless{background-position:-233px -88px}.emoji.angry{background-position:-262px -88px}.emoji.unamused{background-position:-1px -117px}.emoji.persevere{background-position:-30px -117px}.emoji.kissing_closed_eyes{background-position:-59px -117px}.emoji.smiling_imp{background-position:-88px -117px}.emoji.triumph{background-position:-117px -117px}.emoji.fearful{background-position:-146px -117px}.emoji.kissing_heart{background-position:-175px -117px}.emoji.heart_eyes{background-position:-204px -117px}.emoji.tired_face{background-position:-233px -117px}.emoji.wink{background-position:-262px -117px}.emoji.grinning{background-position:-1px -146px}.emoji.smile{background-position:-30px -146px}.emoji.grimacing{background-position:-59px -146px}.emoji.confused{background-position:-88px -146px}.emoji.neutral_face{background-position:-117px -146px}.emoji.stuck_out_tongue{background-position:-146px -146px}.emoji.kiss{background-position:-175px -146px}.emoji.purple_heart{background-position:-204px -146px}.emoji.sparkling_heart{background-position:-233px -146px}.emoji.heartpulse{background-position:-262px -146px}.emoji.heartbeat{background-position:-1px -175px}.emoji.heart{background-position:-30px -175px}.emoji.broken_heart{background-position:-59px -175px}.emoji.two_hearts{background-position:-88px -175px}.emoji.revolving_hearts{background-position:-117px -175px}.emoji.heartpulse{background-position:-146px -175px}.emoji.green_heart{background-position:-175px -175px}.emoji.cupid{background-position:-204px -175px}.emoji.punch{background-position:-233px -175px}.emoji.ok_hand{background-position:-262px -175px}.emoji.thumbsup{background-position:-1px -204px}.emoji.thumbsdown{background-position:-30px -204px}.emoji.point_right{background-position:-59px -204px}.emoji.point_left{background-position:-88px -204px}.emoji.point_down{background-position:-117px -204px}.emoji.point_up{background-position:-146px -204px}.emoji.open_hands{background-position:-175px -204px}.emoji.clap{background-position:-204px -204px}.emoji.man_with_turban{background-position:-233px -204px}.emoji.bunny_ears{background-position:-262px -204px}.emoji.japanese_goblin{background-position:-1px -233px}.emoji.mouth{background-position:-30px -233px}.emoji.tongue{background-position:-59px -233px}.emoji.frog{background-position:-88px -233px}.emoji.cat{background-position:-117px -233px}.emoji.monkey{background-position:-146px -233px}.emoji.alien{background-position:-175px -233px}.emoji.pig{background-position:-204px -233px}.emoji.turtle{background-position:-233px -233px}.emoji.snail{background-position:-262px -233px}.emoji.whale{background-position:-1px -262px}.emoji.dragon{background-position:-30px -262px}.emoji.sheep{background-position:-59px -262px}.emoji.blue_heart{background-position:-88px -262px}.emoji.money_bag{background-position:-117px -262px}.emoji.gem_stone{background-position:-146px -262px}.emoji.heavy_dollar_sign{background-position:-175px -262px}.emoji.purse{background-position:-204px -262px}.emoji.trophy{background-position:-233px -262px}.emoji.crown{background-position:-262px -262px}.emoji.chequered_flag{background-position:-1px -291px}.emoji.bomb{background-position:-30px -291px}.emoji.collision_symbol{background-position:-59px -291px}.emoji.sleeping_symbol{background-position:-88px -291px}.emoji.anger_symbol{background-position:-117px -291px}.emoji.pill{background-position:-146px -291px}.emoji.syringe{background-position:-175px -291px}.emoji.skull{background-position:-204px -291px}.emoji.couple{background-position:-233px -291px}.emoji.bikini{background-position:-262px -291px}.emoji.credit_card{background-position:-1px -320px}.emoji.musical_score{background-position:-30px -320px}.emoji.hundred_points_symbol{background-position:-59px -320px}.emoji.bank{background-position:-88px -320px}.emoji.chart_with_downwards_trend{background-position:-117px -320px}.emoji.chart_with_upwards_trend{background-position:-146px -320px}.emoji.crystal_ball{background-position:-175px -320px}.emoji.pistol{background-position:-204px -320px}.emoji.money_with_wings{background-position:-233px -320px}.emoji.low_brightness_symbol{background-position:-262px -320px}.emoji.grey{background-position:-1px -349px}
i.lvl { display:block; float:left; width:12px; height:16px; background:url('../../assets/img/icons/levels.png') no-repeat 0 0; background-size:12px 186px; }
i.lvl.lvl-2 { background-position:0 -17px; }
i.lvl.lvl-3 { background-position:0 -34px; }
i.lvl.lvl-4 { background-position:0 -51px; }
i.lvl.lvl-5 { background-position:0 -68px; }
i.lvl.lvl-6 { background-position:0 -85px; }
i.lvl.lvl-7 { background-position:0 -102px; }
i.lvl.lvl-8 { background-position:0 -119px; }
i.lvl.lvl-9 { background-position:0 -136px; }
i.lvl.lvl-10 { background-position:0 -153px; }
i.lvl.lvl-11 { background-position:0 -170px; }


a.lvl { display:block; float:left; width:12px; height:16px; margin:0 10px 0 0; text-decoration:none; border:none !important; }
a.lvl div { cursor:pointer; }


.notifications { position:absolute; top:0; left:0; right:0; padding:0 35px; cursor:pointer; z-index:1; }
.notifications span { display:block; height:35px; line-height:35px; font-size:15px; text-align:center; font-weight:600; color:#513067; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.notifications .close { position:absolute; top:0; right:0; width:35px; height:35px; background:none; border:none; outline:none; color:#916FA8; transition:color .3s ease; }
.notifications:hover .close { color:#513067; }

.notifications
{
	-webkit-transform: translateY(-35px);
	-moz-transform: translateY(-35px);
	-o-transform: translateY(-35px);
	transform: translateY(-35px);

	transition:all .5s;

	pointer-events:none;

	opacity:0.3;

	background: #C7B5E5;
	background: -moz-linear-gradient(top, #EADBFF 0%, #C7B5E5 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #EADBFF), color-stop(100%, #C7B5E5));
	background: -webkit-linear-gradient(top, #EADBFF 0%, #C7B5E5 100%);
	background: -o-linear-gradient(top, #EADBFF 0%, #C7B5E5 100%);
	background: -ms-linear-gradient(top, #EADBFF 0%, #C7B5E5 100%);
	background: linear-gradient(to bottom, #EADBFF 0%, #C7B5E5 100%);
}



.notify .notifications {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);

	opacity:1;
	pointer-events:auto;
}


.popup_wrap { position:fixed; z-index:100; top:0; bottom:0; left:0; right:0; overflow:hidden; }
.popup_wrap.opening { display:block; }
.popup_wrap.closed { display:none; }

.popup_wrap {
	-webkit-backface-visibility: hidden;
	/* -webkit-perspective: 1000; */
	/* -webkit-transform:translateZ(0); */

	/*
	-webkit-transform: translateZ(100px);
	-moz-transform: translateZ(100px);
	-o-transform: translateZ(100px);
	transform: translateZ(100px);
	*/

	opacity:0;
	transition:opacity .3s ease;
}
.popup_wrap.opened { opacity:1; }
.popup_wrap .popup {
	-webkit-backface-visibility: hidden;
	/* -webkit-perspective: 1000; */

	-webkit-transition:-webkit-transform .3s ease;
	-moz-transition:-moz-transform .3s ease;
	-o-transition:-o-transform .3s ease;
	transition:transform .3s ease;

	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-o-transform:scale(0.9);
	transform:scale(0.9);
}
.popup_wrap.opened .popup {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

.popup_wrap .bg { background:#000; opacity:0.5; width:100%; height:100%; }

.popup { width:550px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
.popup_inner { background:#fff; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.5); }
.popup header { background:#F0F0F0; height:40px; line-height:40px; border-bottom:solid 1px #ddd; border-radius:3px 3px 0 0; text-shadow:0 1px 0 #fff; }
.popup header h5 { position:absolute; left:0; right:0; margin:0; text-align:center; color:#333; font-size:15px; cursor:default; }
.popup header small { font-size:11px; color:#555; }
.popup header .close { color:#777; outline:none; position:absolute; right:0; background:none; font-size: 15px; font-weight: bold; padding: 0; font-family: Helvetica,Arial sans-serif; float:right; width:40px; height:41px; border:none; border-left:solid 1px #ddd; }
.popup header .close:hover { color:#D23737; }
.popup section { font-size:12px; color:#333; padding:20px; }
.popup footer { font-size:12px; color:#333; border-top:solid 1px #e8e8e8; padding:20px; }
.popup p { margin:0; padding:0 0 10px 0; }
.popup .light { color:#999; }
.popup a { color:#008FFF; }
.popup a:hover { text-decoration:underline; }
.popup label { font-weight:700; }
.popup .imp { display:block; background:#eee; padding:5px 10px; border-radius:2px; }
.popup footer .button { float:right; }

.popup.dark .popup_inner { background:#222; }
.popup.dark header { background:#333; border-bottom-color:#111; }
.popup.dark header h5 { color:#aaa; text-shadow: 0 1px 0 #000; }
.popup.dark header .close { border-left-color:#111; }
.popup.dark section { color:#fff; }

.site-stats { height:40px; line-height:40px; margin:60px 0 10px 0; }
.site-stats dl { margin:0; padding:0; font-size:13px; font-weight:bold; text-align:center; }
.site-stats dd { display:inline-block; color:#666; margin:0 0 0 20px; text-transform:uppercase; }
.site-stats dt { display:inline-block; color:#aaa; margin:0 20px 0 0; }

.max-stats { float:left; height:30px; line-height:30px; cursor:default; margin:0; padding:0; font-size:12px; text-align:right; position:absolute; }
.max-stats dd { display:inline-block; color:#666; margin:0 0 0 2px; }
.max-stats dd:after { content:':'; }
.max-stats dt { display:inline-block; color:#c7eb93; font-weight:600; margin:0 10px 0 0; }
.max-stats em { color:#666; font-style:normal; font-weight:200; }
.max-stats .gold { color:#fff29d; text-shadow:0 0 3px rgba(255, 242, 157, 0.8); }


#dialog-popup .dialog { width:465px; }

#dialog-popup ul,
#dialog-popup li { list-style:none; padding:0; margin:0; }

#dialog-popup header { height:185px; border-radius:2px 2px 0 0; background:#333; border:none; position:relative; overflow:hidden; }
#dialog-popup header .close { position:absolute; z-index:1; color:#fff; font-size:15px; background: rgba(0,0,0,.15); border: none; border-radius: 0 2px 0 3px; box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.1); }
#dialog-popup header ul {
	height:185px;
	width:500%;
	transition:transform 1s ease;
	-webkit-transition:-webkit-transform 1s ease;
	-moz-transition:-moz-transform 1s ease;
	-ms-transition:-ms-transform 1s ease;
	-o-transition:-o-transform 1s ease;
}
#dialog-popup header li { float:left; width:20%; height:100%; border-radius:2px 2px 0 0; }

#dialog-popup section { background:#f5f5f5; height:125px; padding:0; position:relative; overflow:hidden; }
#dialog-popup section li { position:absolute; top:0; opacity:0; z-index:0; width:465px; height:100%; pointer-events:none; transition:opacity .5s ease; }
#dialog-popup section li.active { opacity:1; z-index:1; pointer-events:auto; transition:opacity .5s ease .2s; }
#dialog-popup section span { display:block; padding:25px; text-align:center; color:#555; font-size:16px;
	position:relative;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

#dialog-popup footer { position:relative; border:none; height:50px; padding:0; }
#dialog-popup footer ul { width:105px; margin:0 auto; padding:19px 0; height:12px; }
#dialog-popup footer li { display:block; float:left; width:11px; height:11px; padding:0; margin:0 5px; }
#dialog-popup footer li button { display:block; border-radius:10px; padding:0; height:100%; width:100%; background:#ddd; border:none; outline:none; transition:background .5s ease; }

#dialog-popup footer .arrow { position:absolute; top:0; width:50px; height:50px; padding:0; border:none; background:none; outline:none; transition:opacity .5s ease; }
#dialog-popup footer .arrow i { margin:4px 0 0 0; font-size:16px; color:#555; }
#dialog-popup footer .arrow.left { left:0; }
#dialog-popup footer .arrow.right { right:0; }

#dialog-popup footer .end { position:absolute; right:10px; top:10px; opacity:0; pointer-events:none; transition:opacity .5s ease;  }

#dialog-popup .dialog[data-selected="0"] footer li:nth-child(1) button { background:#ffc000; }
#dialog-popup .dialog[data-selected="1"] footer li:nth-child(2) button { background:#85C057; }
#dialog-popup .dialog[data-selected="2"] footer li:nth-child(3) button { background:#E57586; }
#dialog-popup .dialog[data-selected="3"] footer li:nth-child(4) button { background:#CF85CC; }
#dialog-popup .dialog[data-selected="4"] footer li:nth-child(5) button { background:#92ACE5; }

#dialog-popup .dialog[data-selected="0"] footer .arrow.left 	{ opacity:0.2; pointer-events:none; }
#dialog-popup .dialog[data-selected="4"] footer .arrow.right 	{ opacity:0; pointer-events:none; }
#dialog-popup .dialog[data-selected="4"] footer .end 			{ opacity:1; pointer-events:auto; }



#dialog-popup header li { cursor:default; color:#fff; text-shadow:0 2px 0 rgba(0,0,0,.1); text-align:center; }
#dialog-popup header li strong { position:relative; display:block; width:100%; font-size:28px; font-weight:600; }
#dialog-popup header li span { position:relative; display:block; width:100%; font-size:18px; font-weight:600; }
#dialog-popup header li div { position:relative; margin:0 auto; background:url('../../assets/img/dialog/dialog.png'); background-size:603px 64px; }


/* Slide 1 ------------------------------------------- */
#dialog-popup header li.slide1 {
	background: #e5a024;
	background: -moz-radial-gradient(center, ellipse cover, #e5a024 0%, #e58216 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e5a024), color-stop(100%,#e58216));
	background: -webkit-radial-gradient(center, ellipse cover, #e5a024 0%,#e58216 100%);
	background: -o-radial-gradient(center, ellipse cover, #e5a024 0%,#e58216 100%);
	background: -ms-radial-gradient(center, ellipse cover, #e5a024 0%,#e58216 100%);
	background: radial-gradient(ellipse at center, #e5a024 0%,#e58216 100%);
}

#dialog-popup header li.slide1 { text-shadow:0 2px 0 rgba(224, 109, 18, 0.37);  }
#dialog-popup header li.slide1 strong { top:60px; font-size:36px; }
#dialog-popup header li.slide1 span { top:50px; font-size:16px; }


/* Slide 2 ------------------------------------------- */
#dialog-popup header li.slide2 {
	background: #417911;
	background: -moz-radial-gradient(center, ellipse cover,  #417911 0%, #1d5a00 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#417911), color-stop(100%,#1d5a00));
	background: -webkit-radial-gradient(center, ellipse cover,  #417911 0%,#1d5a00 100%);
	background: -o-radial-gradient(center, ellipse cover,  #417911 0%,#1d5a00 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #417911 0%,#1d5a00 100%);
	background: radial-gradient(ellipse at center,  #417911 0%,#1d5a00 100%);
}

#dialog-popup header li.slide2 { text-shadow: 0 2px 0 rgba(28, 82, 0, 0.43); }
#dialog-popup header li.slide2 strong { top:30px;  }
#dialog-popup header li.slide2 div { top:40px; width: 224px; height: 64px; }


/* Slide 3 ------------------------------------------- */
#dialog-popup header li.slide3
{
	background: #8c3743;
	background: -moz-radial-gradient(center, ellipse cover,  #8c3743 0%, #8c0f28 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#8c3743), color-stop(100%,#8c0f28));
	background: -webkit-radial-gradient(center, ellipse cover,  #8c3743 0%,#8c0f28 100%);
	background: -o-radial-gradient(center, ellipse cover,  #8c3743 0%,#8c0f28 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #8c3743 0%,#8c0f28 100%);
	background: radial-gradient(ellipse at center,  #8c3743 0%,#8c0f28 100%);
}

#dialog-popup header li.slide3 { text-shadow: 0 2px 0 #7f1226; }
#dialog-popup header li.slide3 strong { top:30px;  }
#dialog-popup header li.slide3 div { top:40px; width:379px; height:64px; background-position:-224px 0; }


/* Slide 4 ------------------------------------------- */
#dialog-popup header li.slide4
{
	background: #795c7b;
	background: -moz-radial-gradient(center, ellipse cover,  #795c7b 0%, #4a3958 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#795c7b), color-stop(100%,#4a3958));
	background: -webkit-radial-gradient(center, ellipse cover,  #795c7b 0%,#4a3958 100%);
	background: -o-radial-gradient(center, ellipse cover,  #795c7b 0%,#4a3958 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #795c7b 0%,#4a3958 100%);
	background: radial-gradient(ellipse at center,  #795c7b 0%,#4a3958 100%);
}

#dialog-popup header li.slide4 { text-shadow:0 2px 0 rgba(67, 52, 80, 0.5); }
#dialog-popup header li.slide4 strong { top:30px; font-weight:bold; }
#dialog-popup header li.slide4 span { top:20px; }
#dialog-popup header li.slide4 div { top:30px; width:220px; height:16px; padding:10px 10px; border-radius:20px; background:rgba(0,0,0,.2); box-shadow:0 1px 0 rgba(255,255,255,0.04); }
#dialog-popup header li.slide4 i { margin:0 5px; }



/* Slide 4 ------------------------------------------- */
#dialog-popup header li.slide5
{
	background: #33458a;
	background: -moz-radial-gradient(center, ellipse cover,  #33458a 0%, #1f3071 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#33458a), color-stop(100%,#1f3071));
	background: -webkit-radial-gradient(center, ellipse cover,  #33458a 0%,#1f3071 100%);
	background: -o-radial-gradient(center, ellipse cover,  #33458a 0%,#1f3071 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #33458a 0%,#1f3071 100%);
	background: radial-gradient(ellipse at center,  #33458a 0%,#1f3071 100%);
}

#dialog-popup header li.slide5 { text-shadow: 0 2px 0 rgba(67, 52, 80, 0.5); }
#dialog-popup header li.slide5 strong { top:68px; }





.giveaway{width:467px;}.giveaway header{border:none;height:292px;background:url("../../assets/img/events/giveaway.png");-webkit-background-size:467px 292px;-moz-background-size:467px 292px;background-size:467px 292px;}.giveaway header .close{position:absolute;z-index:1;font-size:15px;background:rgba(0,0,0,0.15);border:none;border-radius:0 2px 0 3px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);box-shadow:inset 0 0 3px rgba(0,0,0,0.1);}.giveaway header .close,.giveaway header .close:hover{color:#fff}.giveaway footer{border:none;padding:5px 25px 25px 25px;font-size:16px;color:#555;text-align:center}

#promotion-popup .popup { width:450px; }

#promotion-popup header { height:150px; border-radius:2px 2px 0 0; border:none; position:relative; }
#promotion-popup header {
	background: #e5a024;
	background: -moz-radial-gradient(center, ellipse cover, #e5a024 0%, #e58216 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e5a024), color-stop(100%,#e58216));
	background: -webkit-radial-gradient(center, ellipse cover, #e5a024 0%,#e58216 100%);
	background: -o-radial-gradient(center, ellipse cover, #e5a024 0%,#e58216 100%);
	background: -ms-radial-gradient(center, ellipse cover, #e5a024 0%,#e58216 100%);
	background: radial-gradient(ellipse at center, #e5a024 0%,#e58216 100%);
}

#promotion-popup header .close { position:absolute; z-index:1; color:#fff; font-size:15px; background: rgba(0,0,0,.15); border: none; border-radius: 0 2px 0 3px; box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.1); }
#promotion-popup header { cursor:default; text-shadow:0 2px 0 rgba(224, 109, 18, 0.37); text-align:center; }
#promotion-popup header h5 { position:relative; top:35px; color:#fff; width:100%; font-size:38px; font-weight:600; }
#promotion-popup header strong { position:relative; top:35px; color:#fff; display:block; width:100%; font-size:17px; font-weight:600; }
#promotion-popup header .circle { position:absolute; left:0; right:0; margin:0 auto; bottom:-20px; width:40px; height:40px; line-height:40px; background-color:#fff; border-radius:40px; box-shadow:0 -3px 0 rgba(224, 109, 18, 0.37); }
#promotion-popup header .circle i { display:block; float:none; margin: 10px 14px; }

#promotion-popup section { text-align:center; font-size:20px; padding:25px; }
#promotion-popup p { color:#666; }
#promotion-popup .house-edge { background:#8bd74d; padding:3px 10px; text-align:center; border-radius:30px; color:#fff; font-weight:600; }



.content-page {  }

.content-page { padding:25px; }

.content-page article { margin:0 0 25px 0; padding:0 0 10px 0; background:#fefefe; border-radius:3px; }

.content-page h2 { margin:0; font-size:16px; }
.content-page header { border-bottom:solid 1px #eee; background:#f5f5f5; padding:0 20px; line-height:45px; border-radius:3px 3px 0 0; }
.content-page header i { margin:0 5px 0 0; }

.content-page h4 { margin:0; padding:0; color:#444; }
.content-page p { margin:5px 0 15px 0; }
.content-page hr { border:none; border-bottom:solid 1px #ddd; margin:5px 0 15px 0; }
.content-page ul,
.content-page ol { margin:5px 0 15px 0; padding:0 0 0 20px; }
.content-page li { padding:0 0 5px 0; margin:0; }
.content-page a { color:#008FFF; }
.content-page a:hover { text-decoration:underline; }
.content-page .link { color:#008FFF; }

.content { padding: 20px; color:#555; font-size:13px; }

.content p.red { color:#C73A3A; }
.content p.blue { color:blue; font-size:20px; }


html,body { height:100%; }

body { position:relative; background:#111; }
iframe { position:absolute; }

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

body,
select,
button,
input {
	font-family:'Open Sans', Sans-Serif;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

input[readonly] { cursor: not-allowed; }
input::-webkit-input-placeholder { color:#999; }
input::-moz-input-placeholder { color:#999; }
input:-ms-input-placeholder { color:#999; }

#wrapper { position:relative; font-size:13px; min-height:100%; }
#container { padding:0 0 40px 0; }

.inner { min-width:643px; margin:0 auto; padding:0 20px; }


.f-left { float:left; }
.f-right { float:right; }


.textfield { outline:none; border:solid 1px #ddd; font-size:12px; height:31px; padding:0 10px; border-radius:2px; box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.05); }
.textfield:focus { border:solid 1px #60b6ff; box-shadow: 0 0 1px 2px rgba(197, 240, 255, 0.78), inset 0 1px 1px 0 #eee; }

.textfield-light { border:none; border-bottom: solid 1px #CCC; outline:none; }
.textfield-light:focus { border-bottom:solid 1px #00B4FF; }


.barcode,
.button,
.control,
.stats,
.dice,
.logo,
.popup header,
.popup header h5,
.max-stats,
#shortcuts-popup table,
.header .balance-wrap label,
.footer .right,
.welcome .or,
#dialog-popup footer,
#chat-popup .emoticons,
#chat-popup .messages .image,
.notifications,
.clock
{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}



.unit { text-transform:lowercase; }



.browsehappy { margin:0; padding:30px; text-align:center; background:#990000; color:#ffdbcc; font-size:16px; }
.browsehappy a { color:#fff; text-decoration:none; }
.browsehappy a:hover { text-decoration:underline; }

.header { height:85px; }
.header .top { position:relative; background:#1c1d1f; line-height:35px; height:35px; }
.header .top .left { float:left; }
.header .top .right { float:right; }
.header .top ul { float:left; margin:0; padding:0; }
.header .top li { float:left; position:relative; }
.header .top .right ul { margin:0 -10px; }

.header .top li ul { pointer-events:none; opacity:0; z-index:100; background:#282b2e; float:none; position:absolute; width:110px; top:100%; right:5px; padding:0 0 2px 0; margin:0 !important; border-radius:0 0 3px 3px; transition:all .3s ease; -webkit-transform:translate3d(0,-5px,0); }
.header .top li:hover ul { display:block; opacity:1; pointer-events:auto; -webkit-transform:translate3d(0,0,0); }
.header .top li ul li { float:none; border-top:solid 1px #222; }
.header .top li ul a,
.header .top li ul .link { color:#999; padding:0 15px; line-height:30px; height:30px; }

.header .top a,
.header .top .link { display:block; color:#888; font-size:12px; padding:0 10px; transition:color .15s ease; }
.header .top a:hover,
.header .top .link:hover { color:#eee; }
.header .top i { margin:0 0 0 3px; }
.header .top button { display:block; height:35px; background:none; color:#888; font-size:12px; padding:0 10px; }
.header .top button:hover { color:#eee; text-decoration:none; }

.header .bottom { position:relative; padding:10px 0; }
.header .bottom .max-stats { float:left; }
.header .bottom nav { position:relative; float:right; background:#111; padding:0 0 0 2px; z-index:1; }
.header .bottom nav:before {
	position:absolute;
	top:0;
	left:-20px;
	width:20px;
	height:100%;
	content:' ';
	background: -moz-linear-gradient(left, rgba(17,17,17,0) 0%, #111 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,17,0)), color-stop(100%,#111));
	background: -webkit-linear-gradient(left, rgba(17,17,17,0) 0%, #111 100%);
	background: -o-linear-gradient(left, rgba(17,17,17,0) 0%, #111 100%);
	background: -ms-linear-gradient(left, rgba(17,17,17,0) 0%, #111 100%);
	background: linear-gradient(to right, rgba(17,17,17,0) 0%, #111 100%);
}

/*
@media (max-width: 700px) {
	.header .bottom .max-stats { float:none; margin:40px 0 0 0; width:100%; text-align:left; }
	.header .bottom nav { float:none; top:0; }
}
*/

.header .logo { float:left; margin:0; }
.header .logo a { display:block; padding:0 10px 0 0; height:35px; }
.header .logo img { width:41px; height:20px; display:inline-block; }

.header .balance-wrap { float:right; border-radius:2px; }
.header .balance-wrap label { display:block; line-height:30px; height:30px; float:left; padding:0 10px; background:#1c1d1f; color:#747984; font-size:10px; border-radius:2px 0 0 2px; }
.header .balance-wrap .balance { display:block; line-height:30px; height:30px; float:left; padding:0 10px; font-size:16px; border-radius:0 2px 2px 0; background:#222326; }
.header .balance-wrap .balance strong { color:#c7eb93; font-weight:normal; text-shadow:0 0 2px rgba(199, 235, 147, 0.25) }
.header .balance-wrap .balance em { color:#fff29d; font-weight:600; font-size:12px; text-shadow:0 0 3px #555134; }
.header .balance-wrap .unit { font-weight:normal; font-style:normal; font-size:15px; }

.header .actions { float:left; margin:0; padding:0; }
.header .actions li { float:left; padding:0 10px 0 0; }
.header .actions .button { padding:0 11px; height:30px; font-weight:600; }



.footer { position:absolute; bottom:0; width:100%; background:#1c1d1f; line-height:40px; height:40px; }
.footer ul { list-style:none; margin:0 -10px; padding:0; }
.footer li { float:left; }
.footer a { display:block; color:#888; font-size:12px; padding:0 10px; transition:color .2s ease; }
.footer a:hover { color:#eee; }
.footer .right { color:#888; float:right; cursor:default; }
.footer .player-count span { opacity:0; transition:opacity .3s ease; }
.online .footer .player-count span { opacity:1; }

.signal { float:right; display:block; background:#444; width:6px; height:6px; border-radius:6px; margin:17px 0 0 10px; transition:all .3s ease; }

.online .signal { background:#ABFF7A; box-shadow: 0 0 3px #6A9E4B; }
.offline .signal { background:#ED1444; box-shadow: 0 0 3px #ED1444; }
.reconnecting .signal { background:#FFE800; box-shadow: 0 0 3px #A6943A; }

.bottom-controls { position:absolute; bottom:40px; width:100%; line-height:30px; height:30px; padding:10px 0; }
.bottom-controls .left { float:left; }
.bottom-controls .right { float:right; }
.bottom-controls ul { list-style:none; margin:0; padding:0; }
.bottom-controls li { float:left; position:relative; }
.bottom-controls .right li { margin: 0 0 0 10px; }
.bottom-controls .left li { margin: 0 10px 0 0; }
.bottom-controls .button { font-size:13px; padding:0 11px; height:30px; font-weight:600; }
.bottom-controls .button i { font-size:14px; }
.bottom-controls .right .button { width:38px; }
.bottom-controls .mute-button { text-align:left; }
.bottom-controls .chat-count { transition:opacity .3s ease; font-size:12px; opacity:0; background:rgb(194, 0, 0); border-radius:20px; padding:0 5px; position:absolute; top:-5px; right:-5px; line-height:17px; font-weight:600; color:#fff; pointer-events:none; }
.bottom-controls .chat-count.enabled { opacity:1 }










.validate { position:relative; }
.validate .fa { opacity:0; position:absolute; top: 15px; right: 10px; font-size:13px; pointer-events:none; transition:opacity .2s ease; }
.validate .textfield.valid		+ .fa { opacity:1; color:#7cc54c; }
.validate .textfield.valid		+ .fa:before { content: "\f00c"; }
.validate .textfield.invalid 	+ .fa { opacity:1; color:red; }
.validate .textfield.invalid 	+ .fa:before { content: "\f00d"; }
.validate .textfield:focus 		+ .fa { opacity:0; }

/*
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}

.welcome .input .error { color:red; }
.welcome .input .ok { color:#7cc54c; }
.welcome .input .loader { color:#aaa; }
.welcome .input.loading .loader,
.welcome .input.valid .ok,
.welcome .input.invalid .error { opacity:1; }
*/

#deposit-popup .popup { width:540px; }
#deposit-popup .left { float:left; width:344px; }
#deposit-popup .right { float:right; width:138px;  }
#deposit-popup .address { background:#f8f8f8; border:dashed 1px #aaa; margin:10px 0; padding:10px; font-size:14px; line-height:23px; height:23px; font-weight:700; text-align:center; border-radius:3px; }
#deposit-popup .address .button { top:-1px; }
#deposit-popup .barcode { width:116px; height:116px; padding:10px; background:#f8f8f8; border:dashed 1px #aaa; border-radius:3px; }
#deposit-popup .barcode .empty { height: 56px; border-radius: 3px; border: solid 30px #FFFFFF; }
#deposit-popup .nocoin { float:left; }
#deposit-popup .altcoin { float:right; }
#deposit-popup .shapeshift { position:relative; font-size: 12px; font-weight: 600; margin:7px 0 0 0; height:35px; width: 140px; background:#fff; border: 1px solid #ddd; color: #648bb6; box-shadow: 0 1px 1px rgba(0,0,0,.05); }
#deposit-popup .shapeshift .icon { position:absolute; width:24px; height:25px; background:url('../../assets/img/icons/shapeshift.png'); background-size:24px 25px; top:-17px; left:50%; margin-left:-12px; }
#deposit-popup .shapeshift .fa { position:absolute; right:15px; top:10px; }
#deposit-popup .shapeshift span { padding:0 10px 0 0; }
#deposit-popup .shapeshift:active { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07); }


.barcode div { position:relative; }
.barcode div span { position:absolute; width:4px; height:4px; background:#000; }

#withdraw-popup .popup { width:450px; }
#withdraw-popup ul { list-style:none; margin:0 auto; padding:0; }
#withdraw-popup li { padding:0 0 10px 0; }
#withdraw-popup li:last-child { padding:0; }
#withdraw-popup input { width:388px; margin:5px 0 0 0; }
#withdraw-popup .dropdown { margin:5px 0 0 0; }
#withdraw-popup input.address { width:368px; padding:0 30px 0 10px; }
#withdraw-popup input.bitcoin { width:244px; }
#withdraw-popup .all-button {  }
#withdraw-popup .left { width:70%; float:left; }
#withdraw-popup .right { width:30%; float:left; }
#withdraw-popup .last { clear:both; }

/*
#withdraw-popup .messages { display:none;  margin: 0 0 -1px 0; padding: 15px 20px; position: relative; }
#withdraw-popup .errors { background: #FFF1F1; color: #E42929; border-top: solid 1px #FFDEDE; border-bottom: solid 1px #FFDEDE; }
#withdraw-popup .status-error .errors { display:block; }
#withdraw-popup .success { background: #F1FFF5; color: #329451; border-top: solid 1px #C8E6D4; border-bottom: solid 1px #C8E6D4; }
#withdraw-popup .status-success .success { display:block; }
*/

#faucet-popup .popup { width:350px; }
#faucet-popup footer .button { float:none; width:100%; }
#faucet-popup section { padding:0; }
#faucet-popup #g-recaptcha { width: 302px; height: 76px; border-radius: 2px; margin: 20px auto 15px auto; border:solid 4px #f5f5f5; }
#faucet-popup .social { height:20px; padding:0 23px 20px 23px; }

#faucet-popup #g-recaptcha { background:no-repeat center url('../../assets/img/icons/preloader.gif'); background-size:20px; }
#faucet-popup #fun-captcha { background:#fff no-repeat center url('../../assets/img/icons/preloader.gif'); background-size:20px; width: 302px; height: 290px; margin: 20px auto 15px auto; }




#fairness-popup .popup { width:450px; }
#fairness-popup ul { list-style:none; margin:0 auto; padding:0; }
#fairness-popup li { padding:10px 0 0 0; }
#fairness-popup input { width:388px; margin:5px 0 0 0; }



#rules-popup .popup { width:450px; }
#rules-popup ul { margin:0; padding:0 0 0 15px; }
#rules-popup li { padding:0 0 10px 0; }
#rules-popup .imp { margin:5px 0 0 0; }




#android-popup .popup { width:410px; }
#android-popup .textfield { width:153px; margin:3px 0 0 0; font-weight: 600; }
#android-popup .textfield[disabled] { background: #f6f6f6; color:#333; border: none; }
#android-popup .textfield-light { width:30px; height:20px; text-align:center; font-weight:bold; }
#android-popup footer { line-height:33px; }

#android-popup .amount-control { border-bottom:solid 1px #eee; }
#android-popup .amount-control ul { list-style:none; padding:0; margin:0 -10px; }
#android-popup .amount-control li { float:left; width:185px; padding:0 0 10px 0; margin:0 0 0 10px; }
#android-popup .amount-control label { line-height:20px; }
#android-popup .amount-control select { float:right; margin:0 10px 0 0; }

#android-popup .outcome-control div { float:left; width:185px; }
#android-popup .outcome-control ul { list-style:none; padding:5px 0 0 0; margin:0; }
#android-popup .outcome-control li { padding:0 0 0 10px; line-height:30px; height:30px; }
#android-popup .outcome-control label { font-weight:normal; }
#android-popup .outcome-control .radio { margin:0 5px 0 0; }



#statistics-popup .popup { width:450px; }
#statistics-popup .datatable { padding:0; margin:0; }
#statistics-popup footer { border-top:none; }
#statistics-popup th { padding:10px 20px; width:80px; border-right:solid 1px #eee; }
#statistics-popup td { padding:10px 20px; }

#user-popup .popup { width:450px; }
#user-popup .datatable { padding:0; margin:0; }
#user-popup footer { border-top:none; }
#user-popup footer span { color:#666; }
#user-popup th { padding:10px 20px; width:80px; border-right:solid 1px #eee; }
#user-popup td { padding:10px 20px; transition:opacity .3s ease; }
#user-popup.hidden-values td { opacity:0; }

#shortcuts-popup .popup { width:350px; }
#shortcuts-popup .datatable { padding:0; margin:0; }
#shortcuts-popup th { width:50px; }
#shortcuts-popup th button { position:relative; border:solid 1px #ccc; outline:none; background:#f5f5f5; height:30px; width:50px; border-radius:3px; box-shadow:0 2px 0 #ccc; cursor:pointer; font-weight:bold; }
#shortcuts-popup th button:active { box-shadow:none; top:2px; }
#shortcuts-popup td { text-align:right; }
#shortcuts-popup th,
#shortcuts-popup td { height:27px; }
#shortcuts-popup section { padding:15px 20px; border-bottom:solid 1px #eee; }
#shortcuts-popup footer { border-top:none; padding:15px 20px; }
#shortcuts-popup footer .checkbox { float:right; }
#shortcuts-popup p { float:left; height: 30px; line-height: 30px; padding: 0; color: #555; }
#shortcuts-popup td,
#shortcuts-popup table p { cursor:default; }


#verifier-popup .popup { text-align: center; }
#verifier-popup .popup_inner { padding:20px 10px; }
#verifier-popup .good { display:none; font-size: 24px; color: #24B84D; }
#verifier-popup .bad { display:none; color: #F00; font-size: 18px; }

#verifier-popup.valid .popup { width:190px; }
#verifier-popup.valid .good { display:block; }
#verifier-popup.invalid .popup { width:220px; }
#verifier-popup.invalid .bad { display:block; }


#error-popup .popup { width:320px; }
#error-popup section { font-size:14px; text-align:center; }
#error-popup p { background: #FFECEC; color:#C40000; margin:0; padding: 10px; border-radius: 5px; }
#error-popup .action { display:inline-block; margin:15px 0 0 0; }

#success-popup .popup { width:320px; }
#success-popup section { font-size:14px; text-align:center; }
#success-popup p { background: #E6FADE; color: #219123; margin:0; padding: 10px; border-radius: 5px; }


#login-popup .popup { width:350px; }
#login-popup ul { list-style:none; margin:0 auto; padding:0; }
#login-popup li { padding:0 0 5px 0; }
#login-popup label { display:block; padding:0 0 5px 0; }
#login-popup input { width:288px; margin:0 0 5px 0; }
#login-popup .button { float:right; }
#login-popup section span { line-height:30px; }
#login-popup .left { float:left; width:50%; }
#login-popup .right { float:right; width:50%; }
#login-popup .left input { float:left; width:128px; }
#login-popup .right input { float:right; width:128px; }
#login-popup #login-recaptcha { width: 302px; height: 76px; border-radius: 2px; margin: 0 auto 15px auto; border:solid 4px #f5f5f5; }

#logout-popup .popup { width:300px; }
#logout-popup .button { width:100%; margin:5px 0 0 0; }
#logout-popup .red { color:#C73A3A; }


#affiliate-popup .popup { width:350px; }
#affiliate-popup input { width:288px; margin:5px 0 10px 0; }
#affiliate-popup .button { float:right; }


#tipsy-popup .popup { width:350px; }
#tipsy-popup .textfield { width:288px; margin:5px 0 10px 0; }
#tipsy-popup .private { font-weight:normal; line-height:30px; background:#efefef; padding:0 10px; display:inline-block; border-radius:2px; float:right; margin:0 10px }
#tipsy-popup .private input { margin:0 5px 0 0; }
#tipsy-popup .button { float:right; }
#tipsy-popup section span { display:block; padding:0 0 10px 0; }

#raincloud-popup .popup { width:350px; }
#raincloud-popup input { width:288px; margin:5px 0 10px 0; }
#raincloud-popup .dropdown { margin: 5px 0 10px 0; }
#raincloud-popup .button { float:right; }


#confirm-popup .popup { width:350px; }
#confirm-popup .yes { float:right; }
#confirm-popup .no { float:left; }
#confirm-popup .popup_content { display:block; padding:0 0 20px 0; }
#confirm-popup p { margin:0; padding:10px; border-radius:5px; background:#f2f2f2; color: #333; font-size: 14px; text-align: center; }
#confirm-popup .button { width:145px; }




/*
#login-popup section { padding:20px 20px 10px 20px; }
#login-popup footer { line-height:30px; }
#login-popup .left { width:188px; float:left; }
#login-popup .right { width:112px; float:right; text-align:right; }
#login-popup .left input { width:166px; }
#login-popup .right input { width:90px; text-align:center; }
*/



/*
.select { position: relative; display: inline-block; background: #eee; border-radius:1px; }
.select img { position: absolute; top:50%; margin:-6px 0; right:8px; width:5px; height: 13px; }
select { -webkit-appearance: button; -moz-appearance: none; appearance: none; position: absolute; z-index:1; margin: 0; outline: none; overflow: hidden; text-align: left; text-decoration: none; vertical-align: middle; width: 100%; height: 100%; background:none; border:solid 1px #ccc; color:#333; border-radius: 1px; font-size:12px; padding:5px 18px 5px 10px; cursor: pointer; text-overflow:ellipsis; }
select:focus { box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.15); border: solid 1px #0B9AFF; }
select::-ms-expand { display: none; }

@-moz-document url-prefix() {
	select { padding:5px; text-indent:1px; text-overflow:""; }
}
*/




.pagination { list-style:none; padding:10px 10px 0 10px; margin:0; font-size:12px; float:right; }
.pagination li { float:left; margin:0; padding:0; }

.pagination span,
.pagination a { display:block; min-width:20px; padding:0 5px; height:30px; text-align:center; line-height:30px; border:solid 1px #ddd; margin-left: -1px; }
.pagination a { color:#008FFF; }
.pagination a:hover { background:#eee; }
.pagination span { color:#aaa; cursor:default; }
.pagination .active span { background:#5EB1FF; border-color:#3AA1FF; color:#FFF; font-weight:bold; position:relative; }

.pagination li:first-child a,
.pagination li:first-child span { border-radius:4px 0 0 4px; margin:0; }
.pagination li:last-child a,
.pagination li:last-child span { border-radius:0 4px 4px 0; }



.transactions-page { padding:25px; }
.transactions-page .deposits { margin:0 0 25px 0; }
.transactions-page .date { width:80px; }
.transactions-page .status { width:80px; text-align:right; }
.transactions-page .amount { width:100px; }
.transactions-page .datatable { border-radius:0 0 3px 3px; }

/*
.transactions-page .bonuses td.amount { color:#4EB17B; }
.transactions-page .deposits td.amount { color:#4EB17B; }
.transactions-page .withdraws td.amount { color:#DF4545; }
*/

.page-nav { margin:0 auto; width:100%; }
.page-nav ul { margin:0 -0.5%; padding:0; }
.page-nav li { float:left; margin:0 0.5%; width:32.33333%; }

.page-nav button,
.page-nav a { display:block; text-align:center; outline:none; font-size:15px; font-weight:600; width:100%; height:45px; line-height:45px; color:#eee; border:none; border-bottom: solid 1px #222; background: #282a2d; border-radius:3px 3px 0 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); }

/* .page-nav a { display:block; text-align:center; outline:none; font-size:16px; font-weight:bold; width:100%; height: 50px; line-height:50px; color:#222; border:none; border-bottom: solid 1px #EEE; background: #F5F5F5; border-radius:3px 3px 0 0; } */
.page-nav button { height:51px; }
.page-nav button:active,
.page-nav a:active {
	background: #232527;
	box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.20);
}
.page-nav button.active,
.page-nav a.active { color:#222; font-weight:bold; border-bottom: solid 1px #eee; background: #F5F5F5; box-shadow:none; }

.page-nav.row4 li { width:24%; }



.datatable { overflow:hidden; margin:0 0 25px 0; padding:0 0 10px 0; background:#fefefe; border-radius:3px; }

.datatable h2 { margin:0; font-size:16px; display:inline; }
.datatable header { border-bottom:solid 1px #eee; background:#f5f5f5; padding:0 20px; line-height:45px; border-radius:3px 3px 0 0; }

.datatable table { border-collapse:collapse; color:#666; width:100%; font-size:12px; }
.datatable tr { border-bottom:solid 1px #eee; }
.datatable td { padding:10px 20px; }
.datatable th { text-align:left; padding:5px 20px; color:#333; }
.datatable thead { background:#f9f9f9; }
.datatable td.amount { font-weight:bold; color:#888; text-align:right; }
.datatable td.status { font-weight:bold; text-transform:uppercase; }
.datatable th.amount { text-align:right; }
.datatable td a { color:#008FFF; border-bottom: 1px dotted #008FFF; }
.datatable td .link { text-decoration:none; color:#008FFF; border-bottom: 1px dotted #008FFF; }
.datatable .flex { word-break:break-all; }
.datatable .status-open .status { color:#888; }
.datatable .status-pending .status { color:#F89406; }
.datatable .status-complete .status { color:#4EB17B; }
.datatable .status-error .status { color:red; }
.datatable .empty { color:#bbb; text-align:center; padding:20px 0 15px 0; font-weight:bold; }

.datatable .won .status  { color:#4EB17B; }
.datatable .lost .status { color:#DF4545; }


.page { padding:20px 20px 0 20px; }

.history-page .datatable { border-radius:0 0 3px 3px; }
.game-page .datatable th { width:110px; background:#fff; border-right:solid 1px #eee; }


.game-page a.verify-button {
	float: right;
	line-height: 30px;
	margin: 9px 0 0 0;
}


.verifier { float:right; margin:0 0 20px 20px; width:400px; border-radius:5px; border: solid 1px #DBDBDB; background: #FAFAFA; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); }
.verifier h3 { padding:0 20px; color:#222; }
.verifier ul { list-style:none; margin:0; padding:0; border-top:solid 1px #E9E9E9; }
.verifier li { padding:10px; border-bottom:solid 1px #E9E9E9; line-height:33px; height:33px; }
.verifier span { float:left; width:90px; padding:0 10px; }
.verifier .textfield { float:right; width:245px; }
.verifier .button { margin:10px; float:right; }






.snow { opacity:0; position:fixed; width:100%; height:100%; z-index:5; pointer-events:none; transition:opacity 1s ease; }
.snow.hide { display:none; }
.snow.show { opacity:1; }

.snow-button { transition:opacity 2s ease; }
.snow-button.hide { opacity:0; }
.snow-button.show { opacity:1; }

/*
.verifier { float:left; width:400px; border-radius:5px; padding:20px; border: solid 1px #EEE; background: #F5F5F5; }
.verifier dl { margin:0; }
.verifier dt { float:left; height:35px; line-height:35px; padding:5px 0 10px 0; font-weight:bold; color:#111; }
.verifier dd { float:right; height:35px; margin:0; padding:5px 0 10px 0; }
.verifier .textfield { width:250px; }
.verifier .button { width:auto; }
*/



/*
.page { margin:25px; background:#fff; border-radius:3px; padding:0 0 10px 0; }
.page header { border-bottom:solid 1px #eee; background:#f5f5f5; padding:0 20px; line-height:50px; border-radius:3px 3px 0 0; }
.page header h2 { margin:0; font-size:18px; }
.page table { width:100%; }
.page th { text-align:left; border-right:solid 1px #eee; width:100px; }
.page td,
.page th { padding:10px 20px; border-bottom:solid 1px #eee; }
*/




/*

.page-nav button.active,
.page-nav a.active { font-weight:600; color:#fff; border-bottom: solid 1px #222; background:#323437; }
.datatable { border-top:solid 10px #323437; }
.datatable thead { background:none; }
.datatable thead th { color:#fff; }
.datatable tr { height:40px; border-bottom:solid 1px #222; font-size:13px !important; }
.datatable tr:hover { color:#191919; }
.datatable td { color:#aaa; }
.datatable .won .status { color:#c7eb93; font-weight:600; }
.datatable .lost .status { color:#ea0048; font-weight:600; }
.datatable { background:none; }
.datatable .link,
.datatable a { color:#aaa !important; border-color:#aaa !important; }
*/

















/*
.settings dl { display:block; padding:0; margin:0; }
.settings dt,
.settings dd { padding:10px; height:33px; line-height:33px; border-bottom:solid 1px #eee;  }
.settings dt { float:left; clear:both; width:100px; text-align:right; }
.settings dd { margin:0; }
.settings em { color:red; }
.settings .textfield { width:200px; }
.settings .checkbox { margin:1px 0 0 0; }
*/

.account-page .content { padding:0; font-size:12px; }
.account-page .content h4 { font-size:16px; color:#e11505; font-weight:600; padding:0 0 5px 0; }
.account-page .content .info { padding:20px; border-top:solid 1px #eee; }
.account-page .content .info:first-child { border:none; }
.account-page .content label { font-weight:bold; }

.account-page .settings { list-style:none; padding:0; margin:0; border-top:solid 1px #eee; }
.account-page .settings li { position:relative; border-bottom:solid 1px #eee; padding:0 20px 0 190px; line-height:40px }
.account-page .settings label { position:absolute; top:0; left:0; width:150px; padding:0 20px; }
.account-page .settings span { display:inline-block; padding:0 5px; }
.account-page .settings em { color:red; }
.account-page .settings .textfield { width:200px; margin:5px 0 0 0; }
.account-page .settings .link { padding:0 5px; }

.permanent-link { margin:10px 0 15px 0; padding:10px 20px; font-size:12px; font-weight:700; border-radius:3px; word-break:break-all; transition:all .3s ease; }
.permanent-link a { transition:all .3s ease; }
.permanent-link.enabled { background:#f1f8ee; border:dashed 1px #a9ccaf; }
.permanent-link.enabled a { color:#4dab4a; }
.permanent-link.disabled { background:#F8EEF1; border:dashed 1px #CCA9B6; }
.permanent-link.disabled a { color:#AB4A73; }


.settings-popup .popup { width:350px; }
.settings-popup section { padding:15px 20px 5px 20px; }
.settings-popup section label { display:block; margin:5px 0 0 0;  }
.settings-popup section span { display:block; margin:5px 0;  }
.settings-popup .button { margin:0 0 0 10px; padding:0 20px; }
.settings-popup .textfield { width:288px; margin:5px 0; }
.settings-popup footer { padding:0 20px 20px 20px; border:none; }

#g2fa-popup .popup { width:500px; }
#g2fa-popup .secret { padding:10px; background: #F8F8F8; border: dashed 1px #AAA; border-radius: 3px; text-align: center; font-size: 14px; font-weight: bold; margin:0 0 10px 0; }
#g2fa-popup .barcode { width:133px; height:133px; padding:10px; background: #F8F8F8; border: dashed 1px #AAA; border-radius: 3px; }
#g2fa-popup .left { width:155px; float:left; }
#g2fa-popup .right { width:285px; float:right; }
#g2fa-popup .textfield { width:263px; margin:5px 0 10px 0; }
#g2fa-popup section { padding:20px; }
#g2fa-popup .button { float:right; }

#api-key-success-popup .popup { width:450px }
#api-key-success-popup section { font-size:14px; text-align:center; }
#api-key-success-popup strong { display: block; text-transform:uppercase; margin:5px 0 0 0; }
#api-key-success-popup .api-key,
#api-key-success-popup .api-secret { display:block; font-size:12px; background: #E6FADE; color: #219123; margin:5px 0 0 0; padding: 10px; border-radius: 5px; }


.affiliate-page .page .permanent-link { margin:10px 0 0 0; }
.affiliate-page .page article { padding:0; }
.affiliate-page .page p { margin:0 0 15px 0; }
.affiliate-page .page .pagination { margin:15px; }

.affiliate-stats { padding:0 0 20px 0; }
.affiliate-stats th { width:150px; border-right:solid 1px #eee; }

.commission-button { float:right; margin:9px 0 0 0; line-height:normal; }


.banners { list-style:none; padding:0; margin:0; }
.banners dt { padding:25px 0 5px 0; font-size:25px; font-weight:600; color:#ccc; }
.banners dt:first-child { padding:0 0 5px 0; }
.banners dd { padding:10px; margin:0 0 10px 0; background:#f5f5f5; height:60px; line-height:60px; border-radius:3px; }
.banners dd:last-child { margin:0; }

.banners .left { float:left; width:75%; }
.banners .left img { max-width:100%; max-height:60px; border-radius:3px; box-shadow:0 2px 3px rgba(0,0,0,.1); margin:0 10px 0 0; }

.banners .right { float:right; width:25%; text-align:right; }
.banners .right a { margin:0 10px 0 0; }


.error-page header h2 { margin:0; text-align:center; color:#555; padding:70px 20px 0 20px; font-size:30px; font-weight:normal; }
.error-page header h3 { margin:0; text-align:center; color:#555; font-size:20px; font-weight:normal; }


.faq { margin:-20px 0 0 0; padding:0; }
.faq dt { padding:20px 0 0 0; }
.faq dt h4 { font-size:16px; padding:10px 20px; background:#F5F5F5; border-radius:3px; color:#555; }
.faq dd { padding:10px 20px; margin:0; }
.faq table { width:100%; border:solid 1px #eee; }
.faq table td,
.faq table th { font-size:12px; border:solid 1px #eee; padding:8px 10px; text-align:left; }
.faq table th { background:#F5F5F5; }
.faq i.lvl { margin:0 10px 0 0; }

@media (min-width: 600px) {
	.faq table th:first-child { width:150px; }
}


.leaderboard-page .popup_wrap
{
	-webkit-transform: translateZ(100px);
	-moz-transform: translateZ(100px);
	-o-transform: translateZ(100px);
	transform: translateZ(100px);
}

.leaderboard article { padding:30px 0 50px 0; max-width:600px; margin:0 auto; }
.leaderboard .logo { width:400px; height:200px; margin:0 auto; background:url('../../assets/img/leaderboard.png') no-repeat 0; background-size:400px 200px; }
.leaderboard strong { font-size:15px; color:#777; display:block; text-align:center; font-weight:normal; padding:0 0 30px 0; }
.leaderboard strong span { color:#F8E2A0; }
.leaderboard .board { width:100%; padding:0 0 50px 0; float:left; }
.leaderboard h3 { color:#fff; text-align:center; font-weight:600; font-size:20px; }
.leaderboard table { width:100%; text-align:left; }
.leaderboard tr { border-bottom:solid 1px #222; transition:background .3s ease; }
.leaderboard tbody tr:hover { background:#191919; transition:none; }
.leaderboard th { height:40px; padding:0 15px; color:#fff; font-weight:600; text-transform:capitalize; }
.leaderboard td { height:40px; padding:0 15px; color:#aaa; }
.leaderboard td:first-child,
.leaderboard th:first-child { padding:0 5px 0 15px; }

.leaderboard .link { color:#aaa; transition:color .3s ease; }
.leaderboard .link:hover { text-decoration:none; color:#fff; transition:none; }

.leaderboard .prize { text-align:right; }
.leaderboard tbody .prize { font-weight:bold; }

.leaderboard tbody tr.best td,
.leaderboard tbody tr.best td .link { color:#f8e2a0; }

.leaderboard.weekly tr:nth-child(7) 	{ opacity:.8; }
.leaderboard.weekly tr:nth-child(8) 	{ opacity:.7; border:none; }

.leaderboard.monthly tr:nth-child(49) 	{ opacity:.8; }
.leaderboard.monthly tr:nth-child(50) 	{ opacity:.7; border:none; }

.leaderboard .stats { text-align:center; color:#555; padding:0 0 45px 0; }
.leaderboard .stats span { color:#F8E2A0; }

.leaderboard footer { text-align:center; }
.leaderboard footer a { background: #232528; padding: 8px 15px; border-radius: 20px; color:#aaa; transition:color .3s ease; }
.leaderboard footer a:hover { color:#fff; }

.leaderboard .logo
{
	-webkit-transform-origin: center 90%;
	-webkit-animation-name: scale;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay:.5s;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-timing-function: ease;
}

.leaderboard.history strong { font-size:30px; }



.clock { position:relative; cursor:default; z-index:1; width:328px; height:70px; margin:0 auto; padding:10px 0 40px 0; }
.clock .units { clear:both; list-style:none; margin:0 -8px; padding:10px 0; font-size:12px; }
.clock .units li { float:left; width:25%; color:#555; text-align:center; }


/* Container box to set the sides relative to */
.clock .cube {
	font-family:arial;
	float: left;
	font-size: 60px;
	font-weight:normal;
	line-height: 50px;
	height: 50px;
	width: 35px;
	text-align: center;
	color:#f5f5f5;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d; /* <-NB */
}

.clock.disabled .cube div { opacity:.1; }


/* The two faces of the cube */
.clock .flip,.flop {
	height: 100%;
}

/* Position the faces */
.clock .flip {
	-webkit-transform: translateZ(30px);
	-moz-transform: translateZ(30px);
	-o-transform: translateZ(30px);
	transform: translateZ(30px);
	opacity:1;
}

.clock .flop {
	-webkit-transform: rotateX(90deg) translateZ(61px);
	-moz-transform: rotateX(90deg) translateZ(61px);
	-o-transform: rotateX(90deg) translateZ(61px);
	transform: rotateX(90deg) translateZ(61px);
	opacity:0;
}

/* Rotate the cube */
.clock .cube.animate {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg); /* Text bleed at 90º */

	-webkit-transition: -webkit-transform .5s ease;
	-moz-transition: -moz-transform .5s ease;
	-o-transition: -o-transform .5s ease;
	transition: transform .5s ease; /* Animate the transform properties */
}


.clock .cube.animate .flop { opacity:1; transition:opacity .5s ease }

.clock[data-v0="0"] .cube.c0 div,
.clock[data-v0="0"][data-v1="0"] .cube.c1 div,
.clock[data-v0="0"][data-v1="0"][data-v2="0"] .cube.c2 div,
.clock[data-v0="0"][data-v1="0"][data-v2="0"][data-v3="0"] .cube.c3 div,
.clock[data-v0="0"][data-v1="0"][data-v2="0"][data-v3="0"][data-v4="0"] .cube.c4 div,
.clock[data-v0="0"][data-v1="0"][data-v2="0"][data-v3="0"][data-v4="0"][data-v5="0"] .cube.c5 div,
.clock[data-v0="0"][data-v1="0"][data-v2="0"][data-v3="0"][data-v4="0"][data-v5="0"][data-v6="0"] .cube.c6 div,
.clock[data-v0="0"][data-v1="0"][data-v2="0"][data-v3="0"][data-v4="0"][data-v5="0"][data-v6="0"][data-v7="0"] .cube.c7 div
{ opacity:0.1; }

.clock .cube.animate .flip { opacity:0 !important; transition:opacity .5s ease }

.clock .sep {
	float: left;
	width: 10px;
	padding:15px 3px;
}
.clock .sep .x,
.clock .sep .y {
	background:#aaa;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	margin: 0 auto;
}
.clock .sep .y {
  margin-top: 10px;
}






.legends article { padding:30px 0 50px 0; max-width:900px; margin:0 auto; }
.legends .logo { width:375px; height:175px; margin:0 auto; background:url('../../assets/img/legends.png') no-repeat 0; background-size:375px 175px; }
.legends .board { width:50%; padding:0 0 50px 0; float:left; }
.legends .board div { padding:0 25px; }
.legends h3 { color:#fff; text-align:center; font-weight:600; font-size:20px; }
.legends table { width:100%; text-align:left; }
.legends tr { border-bottom:solid 1px #222; transition:background .3s ease; }
.legends tbody tr:hover { background:#191919; transition:none; }
.legends th { height:40px; padding:0 5px; color:#fff; font-weight:600; text-transform:capitalize; }
.legends td { height:40px; padding:0 5px; color:#aaa; }
.legends td:first-child,
.legends th:first-child { padding:0 5px 0 15px; }

.legends .link { color:#aaa; transition:color .3s ease; }
.legends .link:hover { text-decoration:none; color:#fff; transition:none; }

.legends tr:nth-child(7) 	{ opacity:.8; }
.legends tr:nth-child(8) 	{ opacity:.7; }
.legends tr:nth-child(9) 	{ opacity:.6; }
.legends tr:nth-child(10) 	{ opacity:.5; border:none; }


@media (max-width: 700px) {
	.legends article { width:auto; }
	.legends .board { width:100%; float:none; }
}


.login-page { width:340px; margin:50px auto; }
.login-page header { line-height:40px; text-align:center; }
.login-page article { padding:0; }
.login-page .content { padding:20px 25px; }
.login-page label { display:block; font-weight: bold; }
.login-page ul { list-style:none; padding:0; margin:0; }
.login-page footer { padding: 0 25px 25px 25px; height:32px; }
.login-page footer div { line-height:30px; float:left; }
.login-page .textfield { width:268px; margin:5px 0 0 0; }
.login-page .button { float:right; }
.login-page .button i { margin:0 0 0 5px; }


.promotions article { padding:30px 0 50px 0; max-width:600px; margin:0 auto; }
.promotions h2 { font-size: 35px; color: #fff; text-align: center; font-weight:600; }
.promotions span { font-size: 15px; color: #777; display: block; text-align: center; }

.promotions .logo { width:400px; height:200px; margin:0 auto; background:url('../../assets/img/leaderboard.png') no-repeat 0; background-size:400px 200px; }

.promotions footer { text-align:center; padding:50px 0 20px 0; }
.promotions footer a { display:inline-block; margin:25px 0; background: #232528; padding: 8px 15px; border-radius: 20px; color:#aaa; transition:color .3s ease; margin:0 10px; }
.promotions footer a:hover { color:#fff; }

.bonus-block { position:absolute; top:50px; left:20px; background:#232528; width:200px; margin:0 auto; text-align:center; padding:10px; border-radius:100px; }
.bonus-block strong { color:#c7eb93; font-size:12px; font-weight:normal; padding:0; }
.bonus-block span,
.bonus-block em { display:inline; font-size:20px; color: #fff29d; text-shadow:0 0 3px rgba(255, 242, 157, 0.2); }
.bonus-block em { font-size:13px; font-style:normal; }


.welcome-page #wrapper { background:#111 radial-gradient(circle farthest-side at center top, #FEFDFE 20px,#F8CDDA 130px,#2A3359 480px,#111 600px) no-repeat center top; }

.welcome .wrap { position:relative; z-index:1; width:500px; margin:0 auto; }
.welcome header { text-align:center; padding:120px 0 10px 0; }
.welcome h1 { margin:0; font-size:50px; color:#fff; font-weight:600; text-shadow:0 3px 0 rgba(14, 21, 58, 0.1); }
.welcome h2 { margin:0; font-size:21px; font-weight:400; color: #F7F1FF; text-shadow: 0px 2px 0 rgba(14, 21, 58, 0.1); }
.welcome h3 { margin: 25px auto 0 auto; font-size:14px; font-weight:400; color: #3A3F63; text-shadow: 0px 2px 0 rgba(14, 21, 58, 0.1); border:solid 1px rgba(70, 72, 106, 0.25); border-radius: 2px; padding: 15px 0; width: 370px; }
.welcome h3 span { color:#FFF5C5; }
.welcome form { width:370px; height:55px; margin:0 auto; }
.welcome .input { position:relative; float:left; width:230px; height:100%; }
.welcome .input i { position:absolute; top:20px; right:20px; font-size:16px; opacity:0; pointer-events:none; transition:opacity .2s ease; }
.welcome .input .error { color:red; }
.welcome .input .ok { color:#7cc54c; }
.welcome .input .loader { color:#aaa; }
.welcome .input.loading .loader,
.welcome .input.valid .ok,
.welcome .input.invalid .error { opacity:1; }
.welcome .username { width:160px; height:100%; padding:0 50px 0 20px; font-size:17px; border:none; outline:none; border-radius:2px; box-shadow:0 2px 0 rgba(0,0,0,.1); }
.welcome .username:focus { box-shadow:0 0 3px 1px #0081FF; }
.welcome .start {
	display:block;
	float:right;
	border:none;
	outline:none;
	font-size:17px;
	font-weight:600;
	color:#444;
	text-shadow:0 1px 0 rgba(255,255,255,0.3);
	width:130px;
	height:100%;
	border-radius:2px;
	box-shadow: inset 0 1px 0 #FFE032, 0 2px 0 rgba(0,0,0,.1);
	background: #ffd800;
	background: -webkit-linear-gradient(top, #ffd800, #ffbf05);
	background: -moz-linear-gradient(top, #ffd800, #ffbf05);
	background: -o-linear-gradient(top, #ffd800, #ffbf05);
	background: -ms-linear-gradient(top, #ffd800, #ffbf05);
	background: linear-gradient(to bottom, #ffd800, #ffbf05);
}

.welcome .start:active { box-shadow:inset 0 3px 6px rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.1); }

.welcome .errors { width: 340px; margin: 12px auto 0 auto; list-style: none; color: #FFCA9D; text-align: center; font-size: 14px; background: rgba(0, 0, 0, 0.17); padding: 15px; border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07); }

.welcome .or { display:inline-block; width:20px; height:20px; line-height:20px; font-weight:600; font-size:13px; border-radius:20px; padding:8px; background:rgba(0,0,0,.2); text-transform:uppercase; margin:0 10px 0 0; box-shadow:0 1px 0 rgba(255,255,255,.1); color:rgba(255,255,255,.4); cursor:default; }
.welcome .login { text-align:center; padding:30px 0; }
.welcome .login button { color:#fff; font-size:15px; }
.welcome .login button:hover { text-decoration:underline; }

.welcome footer { position:fixed; bottom:20px; width:100%; left:0; text-align:center; }
.welcome footer span { color:#eee; color:rgba(255,255,255,0.6); }
.welcome footer .link { color:#fff; }
.welcome footer .link:hover { color:rgba(255,255,255,0.6); }

.welcome .features { max-width:800px; min-width:600px; margin:100px auto 0 auto; border:solid 1px rgba(70, 72, 106, 0.50); border-radius:5px; }
.welcome .features ul { list-style:none; padding:20px 10px; margin:0; }
.welcome .features h4 { margin:0 0 15px 0; color:#fff; }
.welcome .features p { margin:0; color:#aaa; }
.welcome .features li { float:left; width:33.33%; }
.welcome .features div { padding:0 10px; }

/* border:solid 1px rgba(70, 72, 106, 0.25); border-radius: 2px; */

.particals {
	position: fixed;
	opacity:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 0;
	transition:opacity 2s ease 1s;
	-webkit-mask-image: radial-gradient(circle farthest-side at center top, rgba(0,0,0,1) 480px, rgba(0,0,0,0) 600px);
}
.particals.show { opacity:1; }



.grecaptcha-badge { display:none; }




