@import url(fonts/notablyabsent.css);
@import url(fonts/oswald.css);
@import url(fonts/zocial.css);

html, body, h1,h2,h3,h4,h5,h6,button, select {
	font-family: 'Notably Absent', normal;
}

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); /*disable tap higlight on android*/
	-webkit-tap-highlight-color: transparent;  /* i.e. Nexus5/Chrome and Kindle Fire HD 7" */
	outline: none !important;
	-ms-touch-action: none;
}

*:not(input):not(textarea) {
  -webkit-touch-callout: none;    /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
  -webkit-user-select: none;      /* prevent copy paste, to allow, change 'none' to 'text' */
  -ms-touch-callout: none;
  -ms-user-select: none;
  -ms-text-size-adjust: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  -moz-text-size-adjust: none;
}

html, body {

	-webkit-user-select:none;
    -webkit-text-size-adjust:none;

}

html {
	font-size: 14px;
	letter-spacing: .7px;
	zoom: 1 !important;
}

.modal-open {
	overflow: auto;
}

body.phone, body.standalone {
	background-size: auto auto;
	margin:0;
	padding:0;
	min-height: 100%;
	width:100%;
	height:100%;
    height: 100vh;
    width: 100vw;
	overflow:hidden;
	zoom: 1 !important;
}

#mainWrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	color:#222;
	background-color:#333;
	zoom: 1 !important;
}
#mainWrapper .shadow{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 99;
}

#headBlock {
	position: absolute;
	z-index: 1000;
	top:0;
	width: 100%;
}
.phone.portrait #headBlock {
	padding-top:40px;
}
#headBlock .currencyContainer {
}
.phone.landscape .currencyContainer table tr td.centerCol {
	min-width: 220px;
}

#topButtonsContainer {
	padding: 5px 0;
	text-align: center;
}
.phone #topButtonsContainer {
	padding: 0 0 5px 0;
}
#topButtonsContainer table tr td {
	text-align: center;
	width: 90px;
}
.phone.landscape #topButtonsContainer table tr td {
	width: auto;
}
#topButtonsContainer table tr td.spacertd {
	width: auto;
}
#headBlock img.playerthumb {
	width: 70px;
	height: 70px;
	min-width: 70px;
	min-height: 70px;
	border-radius: 10px;
	border: 2px solid #222;
}
.phone #headBlock img.playerthumb {
	width: 60px;
	height: 60px;
	min-width: 60px;
	min-height: 60px;
}
#topButtonsContainer button {
	padding: 0;
	margin: 0 0px 0px 0;
	height: 70px;
	width: 70px;
	border: none;
	position: relative;
	text-align: center;
	background-size: 100% !important;
}
.phone #topButtonsContainer button {
	/* height: 65px;
	width: 65px; */
}
.phone.landscape #topButtonsContainer button {
	height: 45px;
	width: 45px;
}
#topButtonsContainer button p.btnLbl {
	padding: 0;
    margin: 0;
    line-height: 20px;
    font-size: 1.1rem;
    background-color: #222;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
	border: 1px solid #333;
    box-sizing: border-box;
}
.phone.landscape #topButtonsContainer button p.btnLbl {
    line-height: 16px;
    font-size: 1.0rem;
}

#topButtonsContainer button p.btnLbl.open {
    background-color: #0bb42a;
    color: #fff;
}

#topButtonsContainer button#btnPiggy {
	background: transparent url(../images/top_icon_piggy.png) no-repeat center;
}
#topButtonsContainer button#btnPrizes {
	background: transparent url(../images/top_icon_prize.png) no-repeat center;
}
#topButtonsContainer button#btnShop {
	background: transparent url(../images/top_icon_shop.png) no-repeat center;
}
#topButtonsContainer button#btnMenu {
	background: transparent url(../images/top_icon_burgermenu.png) no-repeat center;
}

#topButtonsContainer button.btnLogin {
	width: auto;
	height: auto;
	line-height: 36px;
    padding: 0 10px;
	margin: 0;
}

#topButtonsContainer button#btnMenu .msgCount {
	position: absolute;
    right: 0px;
    top: 0;
    border: 2px solid #333;
    border-radius: 20px;
    font-size: 1.2rem;
    line-height: 14px;
    padding: 5px;
	min-width: 14px;
    min-height: 14px;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}

.topContent #topButtonsContainer button {
	height: 64px;
	width: 64px;
}

.phone.portrait #headBlock #topButtonsContainer {
	/* background-color: #333; */
}
.phone.landscape #headBlock #topButtonsContainer {
	margin-top: -50px;
	padding: 5px;
}

#bannerTop {
	position:absolute;
	z-index:1020;
	top:0;
	left:0;
	width:100%;
	text-align: center;
	/*
    background: url(../images/banners/cover-001.gif) no-repeat center;
    */
    height: 90px;
}
#bannerTop iframe{
    margin:0px auto 0 auto;
}
#bannerBot {
	position:absolute;
	z-index:1020;
	left:0;
	bottom:0;
	width:100%;
	text-align: center;
	/*
    background: url(../images/banners/cover-002.gif) no-repeat center;
    */
    height: 90px;
}
#bannerBot iframe{
    margin:0 auto 0 auto;
}

#vdx {
	position:absolute;
	z-index:1160;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	display: none;
	text-align: center;
}
#bannerVideo {
	position:absolute;
	z-index:200;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background-color:rgba(0,0,0,.5);
}

#bnx {
	position:absolute;
	z-index:1260;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
}
#bannerCentered {
	position:absolute;
	z-index:200;
	top:0;
	left:0;
	width:100%;
	/* height: 600px; */
	background-color: #222;
}
#bannerCentered .closebutton {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	color: #fff;
	background-color: #333;
	text-shadow:none;
	text-decoration: none;
	cursor: pointer;
	line-height: 36px;
	text-align: center;
	/* width: 300px; */
}
#bannerCentered .closebutton .btnClose {
	display: block;
	text-align: center;
	color:#fff;
	/*
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	*/
	background-color: #333;
	text-shadow:none;
	font-size: 1.6rem;
}
#bannerCentered iframe{
	width: 100%;
}

h1,h2,h3,h4,h5,h6 {
	color:#222;
}

p {
	font-size: 1.2rem;
}

button {
}

input, textarea { 
	-webkit-user-select:text; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
    border: 1px solid #ccc;
    border-radius: 5px;
	padding: 5px;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
	.startpanel .scroller{
		padding-bottom:30px;
	}
	body #mainProgress {
		margin:30px 10px;
	}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
	.phone .tabWrapper {
		padding-bottom:200px;
	}
	/*
	.phone .row-fluid #hofCol {
		width:97%;
	}
	.phone .row-fluid .playersCol {
		width:97%;
	}
	.phone .tabWrapper .friendsCol {
		width:97%;
	}
	*/

	.settingsform .thumbs {
		margin-left:0px!important;
	}
	.settingsform .thumbs li {
		margin-left:20px!important;
	}

}

/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-width: 480px) {
/* Styles */
	/*
	.phone .row-fluid #hofCol {
		width:96%;
	}
	.phone .row-fluid .playersCol {
		width:96%;
	}
	.phone .tabWrapper .friendsCol {
		width:96%;
	}
	*/
	.settingsform .thumbs {
		margin-left:-20px!important;
	}
	.settingsform .thumbs li {
		margin-left:18px!important;
	}

	.playersList .playerItem div.dati {
		max-width: 68px;
	}
	.modalBody .modalContentBox .playersList .playerItem div.dati {
		max-width: 78px;
	}

	body.phone .leaderboardTable td p.nickContainer {
		max-width: 112px;
	}

}

@media only screen and (min-device-width : 360px) and (max-width: 480px) {
/* Styles */
	.playersList .playerItem div.dati {
		max-width: 112px;
	}
	.modalBody .modalContentBox .playersList .playerItem div.dati {
		max-width: 104px;
	}

	body.phone .leaderboardTable td p.nickContainer {
		max-width: 148px;
	}
}

@media only screen and (min-device-width : 414px) and (max-width: 480px) {
/* Styles */
	.playersList .playerItem div.dati {
		max-width: 130px;
	}
	.modalBody .modalContentBox .playersList .playerItem div.dati {
		max-width: 123px;
	}

	body.phone .leaderboardTable td p.nickContainer {
		max-width: 198px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
	/* body .modal_gt {
		margin:30% auto;
	} */
}

/* reset styles for bootstrap 3.4.1 */
.container-fluid, .container-fluid .row{
    margin: 0;
	padding: 0;
}
.container-fluid .row .col-md-1,
.container-fluid .row .col-md-2,
.container-fluid .row .col-md-3,
.container-fluid .row .col-md-4,
.container-fluid .row .col-md-5,
.container-fluid .row .col-md-6,
.container-fluid .row .col-md-7,
.container-fluid .row .col-md-8,
.container-fluid .row .col-md-9,
.container-fluid .row .col-md-10,
.container-fluid .row .col-md-11,
.container-fluid .row .col-md-12,
.container-fluid .row .col-sm-1,
.container-fluid .row .col-sm-2,
.container-fluid .row .col-sm-3,
.container-fluid .row .col-sm-4,
.container-fluid .row .col-sm-5,
.container-fluid .row .col-sm-6,
.container-fluid .row .col-sm-7,
.container-fluid .row .col-sm-8,
.container-fluid .row .col-sm-9,
.container-fluid .row .col-sm-10,
.container-fluid .row .col-sm-11,
.container-fluid .row .col-sm-12 
{
	padding: 0;
}

/*zoom styles*/
@media only screen and (min-width : 800px) {
}
@media only screen and (min-width : 800px) and (min-height : 680px) {
	.largeui #homePanel .homeScroller, .largeui .startPanelContainer .popup, .largeui .modal_gt, .largeui .bootbox.modal {
		transform: scale(1.15);
		-webkit-transform: scale(1.15);
		-webkit-transform-origin: 50% 50% 0;
		-moz-transform: scale(1.15);
		-moz-transform-origin: 50% 50% 0;
		-o-transform: scale(1.15);
		-o-transform-origin: 50% 50% 0;
		-ms-transform: scale(1.15);
		-ms-transform-origin: 50% 50% 0;
    }
    .largeui .startPanelContainer div.popup {
    	margin:15% auto 0 auto;
    }
    .largeui #homePanel div.homeScroller{
    	margin:10% auto 0 auto;
    }
}

@media only screen and (min-width : 700px) and (min-height : 600px) {
	.tabletui #homePanel .homeScroller, .tabletui .startPanelContainer .popup, .tabletui .modal_gt, .tabletui .bootbox.modal {
		transform: scale(1.15);
		-webkit-transform: scale(1.15);
		-webkit-transform-origin: 50% 50% 0;
		-moz-transform: scale(1.15);
		-moz-transform-origin: 50% 50% 0;
		-o-transform: scale(1.15);
		-o-transform-origin: 50% 50% 0;
		-ms-transform: scale(1.15);
		-ms-transform-origin: 50% 50% 0;
    }
    .tabletui .startPanelContainer div.popup {
    	margin:15% auto 0 auto;
    }
    .tabletui #homePanel div.homeScroller{
    	margin:10% auto 0 auto;
    }
}


/*preloader*/
#gameLoader {
	position: absolute;
	z-index: 1100;
	padding-top:0;
	text-align:center;
	color:#fff;
	text-shadow:2px 2px 0 #222;
	font-size:1.8rem;
	width: 100%;
	height: 100%;
	background: url(../images/game/bgloader.jpg) repeat center;
	background-size: 100% 100%;
}
#gameLoader .logogame {
	margin-top:20%;
	height:20%;
	background-size: auto 100%!important;
}
body.portrait #gameLoader .logogame {
	margin-top:30%;
}
body.phone.landscape #gameLoader .logogame {
	margin-top:10%;
}
#gameLoader .logogame.en{
	background: url(../images/game/en/logogame.png) no-repeat center top;
}
#gameLoader .logogame.it{
	background: url(../images/game/it/logogame.png) no-repeat center top;
}
#gameLoader .logogame.es{
	background: url(../images/game/es/logogame.png) no-repeat center top;
}
#gameLoader .logogame.pt{
	background: url(../images/game/pt/logogame.png) no-repeat center top;
}

#mainProgress p.loading{
	display: none;
}
#mainProgress {
	margin:20px auto 0 auto;
	text-align: center;
}
#mainProgress .progress{
	height:30px;
	border-radius: 8px;
}
#mainProgress .progress .bar{
	background-color: #0e90d2;
}
#mainProgress .loadPerc{
	color: #222;
	font-size: 1.6rem;
	line-height: 30px;
	position: inherit;
    color: #fff;
}
#gameLoader .logoSpaghi{
	background: url(../images/spaghettiint.png) no-repeat center top;
	height:13%;
	background-size: auto 100%;
	background-position: center;
	margin-top: 10px;
}

.lblLoading {
	position: absolute;
	z-index: 100;
	text-align: center;
	width:100%;
	top:30%;
	color: #fff;
	font-size: 2.8rem;
	text-shadow: 2px 2px 0 #222;
}

/* bottoni bootstrap rivisitati*/

/* btn-inverse styles from old bootstrap */
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	*background-color: #222222;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	color: #ffffff;
	background-color: #222222;
	*background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
	background-color: #080808 \9;
}
/* end btn-inverse old bootstrap styles */

.label, .badge {
	padding: 2px 4px;
	display: inline-block;
}
.badge-success {
    background-color: #5cb85c;
}
.badge-info {
    background-color: #5bc0de;
}
.label-important, .badge-important {
    background-color: #d9534f;
}
.label-inverse,
.badge-inverse {
  background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.btn, button {
	font-size: 1.4rem;
	letter-spacing:0;
	text-transform: uppercase!important;
	-webkit-box-shadow : none!important;
	-moz-box-shadow : none!important;
	box-shadow : none!important;
	position: relative;
	line-height: 24px;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.phone .btn, .phone button {
	font-size: 1.4rem;
	line-height: 24px;
}
.playerItem .thumbContainer .btn, .playerItem .thumbContainer button {
	color: #333; /* fix color blue on ios */
}

/* bottoni css plain*/
.btnsi {
	background:#fff;
	border:none;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.btnsi-transparent {
	background-image:none!important;
	background-color:transparent!important;
	border:none;
}
.btnsi-brown-dark,.btnsi-brown-dark:active,.btnsi-brown-dark:focus {
	border:none;
	/*
	background:rgba(115,65,36,1);
	background:rgba(255,255,255,0,7);
	*/
	background-color:#222;
	background-image:none;
	color:#fff;
	/*
	text-shadow: 1px 1px 0 #666;
	*/
	text-shadow: none;
	/*
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	*/
	text-transform: uppercase;
}
.btnsi-brown-dark:hover {
	background-color:#222;
	background-image:none;
	color:#fff;
	text-shadow: none;
}

.btnsi-brown-dark .caret{
	text-shadow: none;
}


.btnsi-white,.btnsi-white:active, .btnsi-white:hover, .btnsi-white:focus {
	border:none;
	background-color:#f6f6f6;
	background-image:none;
	color:#222;
	text-shadow: 2px 2px 0 #ccc;
	/*
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	*/
	text-transform: uppercase;
}
.btnsi-white .caret{
	/* text-shadow: 2px 2px 0 #ccc; */
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}

.btnsi-blufb, .btnsi-blufb:active, .btnsi-blufb:hover, .btnsi-blufb:focus {
	border:none;
	background-color:#2b6bb3;
	background-image:none;
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.btnsi-bluspa, .btnsi-bluspa:active, .btnsi-bluspa:hover, .btnsi-bluspa:focus {
	border:none;
	background-color:#00A6D7;
	background-image:none;
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.btnsi-yellowspa, .btnsi-yellowspa:active, .btnsi-yellowspa:hover, .btnsi-yellowspa:focus {
	border:none;
	background-color:#FFCC00;
	background-image:none;
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.btnsi-orangespa, .btnsi-orangespa:active, .btnsi-orangespa:hover, .btnsi-orangespa:focus {
	border:none;
	background-color:#F57F31;
	background-image:none;
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.btnsi-darkorangespa, .btnsi-darkorangespa:active, .btnsi-darkorangespa:hover, .btnsi-darkorangespa:focus {
	border:none;
	background-color:#FF4D4D;
	background-image:none;
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.btnsi-redspa, .btnsi-redspa:active, .btnsi-redspa:hover, .btnsi-redspa:focus {
	border:none;
	background-color:#ff4d4d;
	background-image:none;
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.btnsi-red, .btnsi-red:active, .btnsi-red:hover, .btnsi-red:focus {
	border:none;
	background-color:#da4f49;
	background-image:none;
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.btnsi-green, .btnsi-green:active, .btnsi-green:hover, .btnsi-green:focus {
	border:none;
	background-color:#12b112;
	background-image:none;
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}

.btnsi-playvideo, .btnsi-playvideo:active, .btnsi-playvideo:hover, .btnsi-playvideo:focus {
    background-image: url(../images/ico-videoad-white.png)!important;
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: 98% center;
    padding-right: 42px;
}

.btn p.lblCost {
	position: absolute;
	top:-12px;
	right: -12px;
	line-height: 20px;
	font-size: 1.2rem;
	color: #fff;
	padding: 0 0 0 10px;
	background-color: #222;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.btn p.lblCost span.imgspan {
	display: block;
    float: right;
	background: url(../images/currencies/ico-coin.png) no-repeat center;
	background-size: 100%;
	width: 26px;
	height: 26px;
	margin: -4px -5px -4px 5px;
}
.btn p.lblCost.hard span.imgspan {
	background: url(../images/currencies/ico-gem.png) no-repeat center;
	background-size: 100%;
}
.bootbox .btn p.lblCost {
	top: -16px;
}

.boxList {
	
}
.boxList ul, .boxList ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.boxList ul li {
	float: left;
    width: 31.0%;
    min-height: 140px;
    margin: 5px;
	text-align: center;
}
.phone.portrait .boxList ul li {
	width: 31.4%;
    margin: 3px;
}
.boxItems .boxEl {
    background: #e8e8e8;
    border-radius: 5px;
	margin: 0 auto;
	border: 2px solid #1e1e1e;
	box-sizing: border-box;
	cursor: pointer;
}
.boxItems .boxEl .boxBody {
	height: 120px;
}
.boxItems .boxEl .boxBody p{
	line-height: 30px;
	margin: 0;
	padding: 0 5px;
	font-size: 1.6rem;
	color: #ffdb3a;
	text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}
.boxItems .boxEl .boxBody p.lblDay{
	font-size: 1.4rem;
	white-space: nowrap;
}
.boxItems .hardBox .boxEl .boxBody p{
	color: #00f4f8;
}
.boxItems .boxEl .boxFoot {
    background: #1e1e1e;
	height: 36px;
	color: #fff;
	padding-top: 4px;
}
.boxItems .boxEl .boxFoot p{
	margin: 0;
	padding: 0;
	line-height: 28px;
	font-size: 1.6rem;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.boxItems .boxEl .boxFoot p.boxButton{
	background-color: #1da01d;
	border-bottom:4px solid #0a6d0a;
	/* background-color: #ffd122;
    border-bottom: 4px solid #eb9c00; */
	border-radius: 4px;
	margin: 0 5px;
	line-height: 26px;
	/* display: inline; */
    padding: 0 5px;
	font-size: 1.3rem;
}
.boxItems .boxEl .boxFoot p.boxButton.watchad{
	background: #ffd122 url(../images/ico-videoad-black.png) no-repeat 98% center;
	background-size: auto 76%;
	border-bottom:4px solid #eb9c00;
	padding: 0 28px 0 0;
	font-size: 1.4rem;
    color: #333;
	text-shadow: none;
	text-align: left;
}
.boxItems .boxEl .boxFoot p.boxButton.doubleprize{
	/* background: #ff8222 url(../images/ico-play-video-black.png) no-repeat 99% center;
	background-size: auto 98%;
	border-bottom:4px solid #eb5a00; */
	background: #ffd122 url(../images/ico-videoad-black.png) no-repeat 98% center;
	background-size: auto 76%;
	border-bottom:4px solid #eb9c00;
	/* padding: 0; */
	font-size: 1.3rem;
    color: #333;
	text-shadow: none;
	/* text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354; */
	text-align: left;
}
.phone .boxItems .boxEl .boxFoot p.boxButton.doubleprize{
	background-image: none;
	text-align: center;
}
.boxItems .boxEl .boxFoot p.boxButton.freeprize{
	/* background-color: #ffd122;
	border-bottom:4px solid #eb9c00; */
	/* background-color: #ff8222;
	border-bottom:4px solid #eb5a00; */
	background: #ffd122 url(../images/ico-videoad-black.png) no-repeat 98% center;
	background-size: auto 76%;
	border-bottom:4px solid #eb9c00;
	padding: 0 5px;
	font-size: 1.3rem;
    color: #333;
	text-shadow: none;
	/* text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354; */
	text-align: left;
}
.phone .boxItems .boxEl .boxFoot p.boxButton.freeprize{
	background-image: none;
	text-align: center;
}
.boxItems .boxEl .boxFoot p.boxButton.getprize{
	/* display: inline; */
	padding: 0 5px;
}
.boxItems .boxEl .boxFoot p img{
	max-height: 30px;
    margin-top: -2px;
    /* vertical-align: text-top; */
}
.boxItems .boxEl .boxFoot p.lblHard img{
	/* width: 24px; */
}

.boxItems .boxEl .boxBody .boxImg {
	height: 60px;
}
.boxItems .boxEl .boxBody .boxImg img {
	height: 60px;
}
.phone.portrait .boxItems .boxEl .boxBody .boxImg img {
	height: 55px;
}

.boxList .boxItems li .boxEl {
	background-size: 101% 101%;
}
body.phone.portrait .boxList .boxItems li .boxEl {
	background-size: auto 101%;
}
body.phone.portrait .boxList .boxItems li.day7 .boxEl {
	background-size: 101% 101%;
}
.boxItems .freeRewardBox .boxEl {
	background: transparent url(../images/shop/sfondo-tile-rewardedtv.png) no-repeat center;
}
.boxItems .piggyBox .boxEl {
	background: transparent url(../images/shop/sfondo-tile-piggy.png) no-repeat center;
}
.boxItems .goldBox .boxEl {
	background: transparent url(../images/shop/sfondo-tile-gold.png) no-repeat center;
}
.boxItems .softBox1 .boxEl {
	background: transparent url(../images/shop/sfondo-monete-tile-small.png) no-repeat center;
}
.boxItems .softBox2 .boxEl {
	background: transparent url(../images/shop/sfondo-monete-tile-medio.png) no-repeat center;
}
.boxItems .softBox3 .boxEl {
	background: transparent url(../images/shop/sfondo-monete-tile-big.png) no-repeat center;
}
.boxItems .hardBox1 .boxEl {
	background: transparent url(../images/shop/sfondo-gemme-tile-500.png) no-repeat center;
}
.boxItems .hardBox2 .boxEl {
	background: transparent url(../images/shop/sfondo-gemme-tile-1300.png) no-repeat center;
}
.boxItems .hardBox3 .boxEl {
	background: transparent url(../images/shop/sfondo-gemme-tile-3500.png) no-repeat center;
}
.boxItems .hardBox4 .boxEl {
	background: transparent url(../images/shop/sfondo-gemme-tile-9000.png) no-repeat center;
}
.boxItems .hardBox5 .boxEl {
	background: transparent url(../images/shop/sfondo-gemme-tile-20000.png) no-repeat center;
}
.boxItems .hardBox6 .boxEl {
	background: transparent url(../images/shop/sfondo-gemme-tile-60000.png) no-repeat center;
}

.boxItems .prizeBox .boxEl {
	background: transparent url(../images/shop/sfondo-blu-premio-new.png) no-repeat center;
	background-size: 101% 101%;
}
.boxItems .prizeBox.obtained .boxEl {
	background: transparent url(../images/shop/sfondo-blu-premio-new.png) no-repeat center;
	background-size: 101% 101%;
}
.boxItems .prizeBox.disabled .boxEl {
	background: transparent url(../images/shop/sfondo-grey-premio-new.png) no-repeat center;
	background-size: 101% 101%;
}
.boxList ul li.prizeBox.day7 {
    width: 64%;
}
/* .boxItems .prizeBox .boxEl .boxFoot{
	padding-top: 4px;
} */

/* .boxItems .freeReward .boxEl .boxBody p.lblGood{
	background: transparent url(../images/currencies/ico-coin.png) no-repeat 86% center;
	background-size: auto 80%;
} */
.phone .boxItems .freeRewardBox .boxEl .boxBody p.lblGood{
	line-height: 26px;
}
.boxItems .freeRewardBox .boxEl .boxBody p.lblGood img{
	width: 30px;
	height: 30px;
	vertical-align: bottom;
}

.boxItems .prizeBox.disabled .boxEl .boxFoot{
	background: transparent url(../images/icon-lock.png) no-repeat center;
	background-size: auto 80%;
}
.boxItems .prizeBox.obtained .boxEl .boxFoot{
	background-image: url(../images/currencies/ico-ceck-ok.png);
	background-position: center 5px;
	background-repeat: no-repeat;
	background-size: auto 80%;
}
.boxItems .prizeBox.disabled .boxEl .boxFoot p.getprize, .boxItems .prizeBox.double .boxEl .boxFoot p.getprize, .boxItems .prizeBox.obtained .boxEl .boxFoot p.getprize {
	display: none;
}
.boxItems .prizeBox .boxEl .boxFoot p.doubleprize {
	display:none;
}
.boxItems .prizeBox.double .boxEl .boxFoot p.doubleprize {
	display: block;
}

.goldBanner {
	cursor: pointer;
	background-color: #222;
	border-radius: 8px;
	margin: 0 5px 6px 5px;
	color: #fff;
    /* width: 96%; */
	padding: 0 5px;
}
.phone .goldBanner {
    /* width: 94%; */
}
.goldBanner p{
	margin: 0 0 0 0;
	line-height: 46px;
    font-size: 1.4rem;
}
.goldBanner p .goldToggle{
	display: block;
    float: left;
    height: 36px;
    width: 60px;
    margin: 5px 8px 0 0;
    background-color: #878787;
    border-radius: 28px;
    background-image: url(../images/ico_gold.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-size: auto 88%;
}
.goldBanner p .goldToggle.on{
    background-position: 92% 3px;
}
.goldBanner .btnUpgradeToGold{
	float: right;
	margin: 4px 0 0 0;
	background-color: #1da01d;
	border-bottom:4px solid #0a6d0a;
    color: #fff;
	font-size: 1.2rem;
    line-height: 22px;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}

.lblCurrencyVal {
	line-height: 40px;
    height: 40px;
    margin: 0 auto;
    padding: 0 20px 0 50px;
    font-size: 1.6rem;
    color: #fff;
    border-radius: 24px;
    display: inline-block;
}
.lblCurrencyVal.soft {
	background: #333 url(../images/currencies/ico-coin.png) no-repeat 5px center;
    background-size: auto 80%;
}
.lblCurrencyVal.hard {
	background: #333 url(../images/currencies/ico-gem.png) no-repeat 5px center;
    background-size: auto 80%;
}

.jackpotInfoTpl .lblCurrencyVal {
	background-color: transparent;
	border: none;
}

.piggy {
	min-height: 480px;
	background: transparent url(../images/shop/sfondo-tile-piggy.png) no-repeat top;
	background-size: auto 100%;
	text-align: center;
	padding-top: 20px;
}
.phone.portrait .piggy {
	min-height: 460px;
}
.piggy .transparentButton {
	height: 260px;
    cursor: pointer;
    margin: 30px auto 50px auto;
    width: 240px;
}
.piggy .btnOpenPiggy {
	padding: 10px 15px;
    border-radius: 8px;
	border: 1px solid #0a6d0a;
	border-width: 0;
	border-bottom-width: 5px;
}

/*
.woodbox {
	color:#fff;
	text-shadow: 3px 0 4px #51230c;

	border-radius: 10px;
	border: 3px solid #c2a797;
	*border: 3px solid #c2a797;

	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);

	background: #ebebeb url(../images/pattern_popup.png) repeat center;

	overflow: hidden;
}

.outerBox {
	background: rgba(50,50,50,0.5);
	border-radius: 5px;
	text-shadow: 1px 1px 0 #222;
	color:#ededed;
}
.innerBox {
	background: rgba(255,255,255,0.9);
	border-radius: 5px;
	text-shadow: 1px 1px 0 #ccc;
	color:#222;
}
.bootbox .modal-body .outerBox {
	text-shadow: 1px 1px 0 #ccc;
	color:#222;
}
.boxTransparentContainer {
	padding: 7px;
}
.boxTransparentWhite {
	padding: 5px;
	min-height: 40px;
}
*/

.spaPanel {
	background: rgba(255,255,255,0.9);
	border-radius: 5px;
	color:#222;
}
.spaPanel .spaPanelHead {
	line-height: 34px;
    font-size: 1.4rem;
	background-color: #4e4e4e;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #fff;
	text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}
.spaPanel .spaPanelBody {
	padding: 10px;
}
.newsDiv {
    position:absolute;
    z-index:101;
    top:0;
    left:0;
    width:100%;
    text-align: center;
	background: rgba(0,0,0,0.5);
}
.phone .newsDiv {
	display: none;
}
.newsDiv p, .newsDiv a, .newsDiv a:active, .newsDiv a:visited {
	margin:0;
	padding: 0;
    font-size: 1.2rem;
    line-height: 36px;
	color: #fff;
	text-shadow: 2px 2px 0 #222;
	text-decoration: none;
}
/*
.newsDiv p a.lnkOtherGames{
	padding-right: 35px;
	background-image: url(../images/icomenu/ico_atrigiochi_dadi.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
    background-position: right center;
}
*/
.newsDiv p img{
	margin-top:-10px;
	display: none;
}
.newsDiv p.cookiepolicytext {
	font-size:1.2rem;
	font-family: sans-serif;
}
.newsDiv p.cookiepolicytext a, .newsDiv p.cookiepolicytext a:link, .newsDiv p.cookiepolicytext a:active, .newsDiv p.cookiepolicytext a:visited {
	color: #fff;
	text-shadow:none;
	text-decoration: underline;
}
.newsDiv button.btn.btnAcceptCookies {
/*
    font-size: 10px;
    line-height: 14px;
    padding: 3px 5px;
*/
}

.homeContainer {
    width:100%;
    height:100%;
    /*
    overflow:auto;
    */
}

#homePanel {
	width:100%;
	height:100%;
	text-align: center;
}
#homePanel .homeScroller{
	max-width: 600px;
	height:480px;
	/* margin:20% auto 0 auto; */
	position: relative;
	overflow: visible !important;
}
.phone #homePanel .homeScroller{
	margin:0 auto 0 auto;
	overflow: hidden !important;
}
#homePanel .homeContainer .gamelogo{
	height:104px;
}
.phone #homePanel .homeContainer .gamelogo{
	margin-top:10px;
}
#homePanel .homeContainer .topheader .boxUserData{
	margin-top:5px;
}

#homePanel .homeContainer .userdata{
	border:none;
	border-radius: 5px;
}
#homePanel .homeContent {
}
.phone #homePanel .homeContent {
	/* margin:5px 0 10px 0; */
}
.phone.landscape #homePanel .homeContent {
	margin:10px 15%;
}
.phone #homePanel .homeContent .menuspacer {
	display: none;
}
#homePanel .homeContent .topContent{
	padding: 7px;
	margin-top:10px;
}
#homePanel .homeContent .topContent .userdataContainer{
	/* margin: 0 5px; */
}
.phone #homePanel .homeContent .topContent{
	margin-top:0px;
	padding: 0 5px;
}
.phone.landscape #homePanel .homeContent .topContent{
	padding: 5px;
}
.phone #homePanel .homeContent .topUserButtonsContainer{
	text-align: center;
}
.phone #homePanel .homeContent .topUserButtonsContainer button{
	margin: 0 5px;
}
.phone.portrait #homePanel .homeContent .topContent .row {
	margin-left: 0;
	margin-right: 0;
}
.phone.portrait #homePanel .homeContent .topContent .container-fluid {
	padding: 0;
}
.phone.portrait #homePanel .homeContent .topContent{
	padding:5px 0 10px 0 ;
}
.phone.portrait #homePanel .homeContent .topContent .userdataContainer.innerBox{
	/* border-radius: 0;
	padding: 2px 7px; */
	margin-left: 10px;
    margin-right: 10px;
}
.phone.landscape #homePanel .homeContent .topContent table.tblHomeBtns{
	margin-top:8px;
}
.phone.portrait #homePanel .homeContent .topContent table.tblHomeBtns{
	margin: 10px auto 0 auto;
    width: 94%;
}
#homePanel .homeContent .topContent table.tblHomeBtns .btn{
	font-size: 1.5rem;
	text-align: left;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 6px;
	width: 100%;
	text-transform: uppercase;
	background-image:none;
	color:#fff;
	/* text-shadow: 1px 1px 0 #333; */
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;

}
.phone #homePanel .homeContent .topContent table.tblHomeBtns .btn{
	font-size: 1.7rem;
	line-height: 24px;
}
#homePanel .homeContent .topContent table.tblHomeBtns .btnOnline{
	background-image: url(../images/ico_multiplayer.png);
	background-size: auto 98%;
	background-repeat: no-repeat;
	background-position: right center;
	/*
	background-color: #ff4d4d;
	border: 0px solid #d52b2b;
	border-bottom: 5px solid #d52b2b;
	*/
	border-bottom: 5px solid #0085af;
	/* line-height: 22px!important; */
}
.phone #homePanel .homeContent .topContent table.tblHomeBtns .btnOnline{
	background-size: auto 100%;
	background-position: right center;
	/* margin-left: 7px; */
}
#homePanel .homeContent .topContent table.tblHomeBtns .btnSingolo{
	background-image: url(../images/ico_singleplayer.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 106% center;
	margin-left: 0;
	/*
	background-color: #ffc100;
	border: 0px solid #d99800;
	border-bottom: 5px solid #d99800;
	*/
	margin-left: -10px;
	border-bottom: 5px solid #c13c35;
	/* line-height: 22px!important; */
}
.phone #homePanel .homeContent .topContent table.tblHomeBtns .btnSingolo{
	background-size: auto 100%;
	background-position: right center;
	/* margin-left: 7px; */
}

.homeContent .userdataContainer {
	min-width: 290px;
}

.homeButtons .mainHomeBtns .btn {
	position: relative;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
    background-color: transparent;
    width: 150px;
    height: 150px;
	margin: 10px 20px 20px 20px;
	font-size: 1.4rem;
}
.phone .homeButtons .mainHomeBtns .btn {
	margin: 20px 10px 30px 10px;
}
.homeButtons .mainHomeBtns .btnSingolo {
	background-image: url(../images/bottone-gioca-offline.png);
}
.homeButtons .mainHomeBtns .btnOnline {
	background-image: url(../images/bottone-gioca-online.png);
}

.homeButtons .mainHomeBtns .btn span{
	display: inline-block;
	position: absolute;
	bottom: 4px;
	left:0;
	width: 100%;
	line-height: 36px;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}

.homeContainer .topUserData {
	text-align: center;
	margin: 10px 110px;
}
.phone .homeContainer .topUserData {
	margin: 10px 10px;
}

.menuButtons{
	padding-top:0;
	padding-bottom:5px;
	margin:5px 0 5px 0px;
}
.phone .menuButtons{
	margin:5px 10px;
	padding-bottom: 5px;
}
.menuButtons .btn{
	font-size: 1.2rem;
	text-align: left;
	line-height: 30px;
	width: 96%;
	margin: 5px 0 0 5px;
    padding: 4px 35px 4px 10px;
	white-space: nowrap;
	color: #fff;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	text-transform: uppercase;
	/* text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; */
}
.phone .menuButtons .btn{
	margin:5px 0 0 0;
	padding-top: 4px;
    padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
	font-size: 1.4rem;
	line-height: 40px;
	width: 100%;
}
.menuButtons #btnPersonal{
	background-image: url(../images/icomenu/ico_profilo.png);
}
.menuButtons #btnSettings{
	background-image: url(../images/icomenu/ico_settings.png);
}
.menuButtons #btnLeaderboards{
	background-image: url(../images/icomenu/ico_classifiche.png);
}
.menuButtons #btnInfos{
	background-image: url(../images/icomenu/ico_info.png);
}
.menuButtons #btnFeedback{
	background-image: url(../images/icomenu/ico_feedback.png);
}
.menuButtons #btnRules{
	background-image: url(../images/icomenu/ico_regole.png);
}
.menuButtons #btnAchievements{
	background-image: url(../images/icomenu/ico_obiettivi.png);
}
.menuButtons #btnNotifiche{
	position: relative;
	background-image: url(../images/icomenu/ico_notifiche.png);
	background-position: 96% center;
}
.menuButtons #btnMessages{
	background-image: url(../images/icomenu/ico_inbox.png);
	position: relative;
	background-size: auto 94%;
}
.menuButtons #btnStats{
	background-image: url(../images/icomenu/ico_statistiche.png);
	background-size: auto 80%;
	background-position: 98% center;
}
.menuButtons #btnOtherGames{
	background-image: url(../images/icomenu/ico_atrigiochi_dadi.png);
	background-size: auto 80%;
}
.menuButtons #btnUpgradeGold{
	background-image: url(../images/ico_gold.png);
	background-repeat: no-repeat;
	background-position: 96% center;
    background-size: auto 80%;
}
.menuButtons #btnNotifiche.zeronot{
}
.menuButtons #btnNotifiche.zeronot span{
	display: none;
}
.menuButtons #btnMessages.zeronot{
}
.menuButtons #btnMessages.zeronot span{
	display: none;
}

/* #btnOtherGames{
	background: #222 url(../images/icomenu/ico_atrigiochi_dadi.png) no-repeat right center;
	background-size: auto 80%;
    color: #fff;
    font-size: 1.3rem;
	white-space: nowrap;
}
.phone #btnOtherGames {
	line-height: 34px;
} */

/* #mainMenu .menuButtons .left{
} */
#mainMenu .menuButtons .badge{
	position: absolute;
    top: -5px;
    right: -10px;
	text-align: center;
    border: 2px solid #333;
    border-radius: 20px;
    font-size: 1.2rem;
    line-height: 14px;
    padding: 5px;
	min-width: 14px;
    min-height: 14px;
    /*
    font-family: oswald_regularregular;
    */
}
/* #mainMenu .menuButtons .center{
	margin-left: 1.5%;
}
.phone #mainMenu .menuButtons .center{
	margin-left: 0;
}
#mainMenu .menuButtons .right{
	margin-left: 1.5%;
}
.phone #mainMenu .menuButtons .right{
	margin-left: 0;
} */

#mainMenu .menuButtons {
	
}
#mainMenu .menuButtons ul, #mainMenu .menuButtons ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#mainMenu .menuButtons ul {
	margin: 0 10px;
}
#mainMenu .menuButtons ul li {
	display: inline-block;
	margin: 0 auto;
	width: 50%;
}
.phone.portrait #mainMenu .menuButtons ul li {
	width: 90%;
}
#mainMenu .menuButtons ul li button{
	/* min-width: 260px;
	max-width: 260px; */
	margin: 10px 0 0 0;
	line-height: 36px;
	/* font-family: oswald_regularregular; */
    font-size: 1.4rem;
    padding: 5px 30px 5px 15px;
	border-radius: 10px;
	width: 96%;
	/* color: #222;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */
}
.phone #mainMenu .menuButtons ul li button{
}

#randomFbFriends{
	min-height: 180px;
}
.phone #randomFbFriends{
	min-height: auto;
}
#randomFbFriends .playersList p.h4 {
	padding: 10px 0 9px 0;
}
#homeOfflineDiv{
	display: none;
	min-height: 180px;
}

/*Main view*/
#splash {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}
.phone #splash {
	background-size:auto auto;
}
/*
body.x-tablet.landscape #splash {
	background-size:100% 100%;
}
*/
/*
#splashimg {
	height:90%;
	margin:0 auto 0 auto;
	background:url(../images/newui/logoscopapiu.png) no-repeat center;
	background-size:auto 50%;
	z-index:1100;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	display: none;
}
.touch #splashimg {
	background-size:auto 30%;
}
*/
.shadow {
	background:url(../images/vignettatura.png) no-repeat center;
	background-size:100% 100%;
}
#offline {
	height:60%;
	margin:8% auto 0 auto;
	background-size:auto 65%;
	z-index:1100;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	text-align:center;
	color:white;
	font-size:2.4em!important;
}

#splash .online {
	display:none;
}
#connecting {
	margin-top:0px;
	font-size:2rem;
	color: #fff;
	display:none;
}
#splash .usersNum {
	font-size:2rem;
	padding: 5px 0px 20px 0 ;
	color: #fff;
}
#splash .gametools {
	display: none;
}
#splash .txtwelcome {
	color: #fff;
}
#splash .attendi {
	font-size:2rem;
	padding: 5px 0px 20px 0 ;
	color: #fff;
	display:none;
}


.playerDataContainer {
	text-align: center;
	max-width: 340px;
	margin:10px auto;
}
.boxPlayerData {
	text-align: center;
	overflow:hidden;
	padding: 0 5px 5px 5px;
	display: inline-block;
}
.phone .boxPlayerData {
	z-index:1006;
}
#playerDataLeft.boxPlayerData {
	float: left;
	margin-top: 60px;
}
#playerDataRight.boxPlayerData {
	float: right;
	margin-top: 60px;
}
#playerDataTop.boxPlayerData {
}
#playerDataBottom.boxPlayerData {
	display: none;
}

.boxPlayerData h5{
	text-shadow: 2px 2px 0 #222;
	color:#fff;
	font-size: 1.2rem;
	margin:0;
	line-height: 16px;
	font-family: sans-serif;
}

.boxBoardPlayerData {
	position:absolute;
	z-index:1109;
	text-align: center;
}
.phone .boxBoardPlayerData {
	z-index:1106;
}
.boxBoardPlayerData h5{
	text-shadow: 2px 2px 0 #222;
	color:#fff;
	font-size: 1.2rem;
	margin:0;
	line-height: 16px;
	font-family: sans-serif, Arial;
}
.boxBoardPlayerData img {
	width: 100%;
}
body.phone .boxBoardPlayerData {
}
body.phone .boxBoardPlayerData h5{
	display:none;
}
.boxBoardPlayerData .thumbContainer {
	margin:0 auto;
	border:1px solid #333;
	width: 50px;
	box-sizing: content-box;
}
.phone .boxBoardPlayerData .thumbContainer {
	width: 40px;
}
.boxBoardPlayerData .thumbContainer .innerThumbContainer {
	width:50px;
	height:42px;
}
.phone .boxBoardPlayerData .thumbContainer .innerThumbContainer {
	width:40px;
	height:32px;
}
.boxBoardPlayerData .thumbContainer img.playerthumb {
	max-width:50px;
	max-height:50px;
	min-width:50px;
	min-height:50px;
	width: 50px;
	height: 42px;
}
.phone .boxBoardPlayerData .thumbContainer img.playerthumb {
	max-width:40px;
	max-height:40px;
	min-width:40px;
	min-height:40px;
	width: 40px;
	height: 32px;
}

.boxBoardPlayerData .playtimer {
	position: absolute;
    width: 134px;
    height: 8px;
    border: 1px solid #fff;
    margin: 0;
    display: none;
}
.phone .boxBoardPlayerData .playtimer {
    height: 6px;
    width: 116px;
}
.boxBoardPlayerData .playtimer.long {
    width: 210px;
}
.phone .boxBoardPlayerData .playtimer.long {
    width: 180px;
}

.boxBoardPlayerData .playtimer span{
	color: #fff;
	text-align: center;
	font-family: oswald_regularregular;
	font-size: .9rem;
    text-shadow: 1px 1px #222;
}
#playerDataTop.loading .thumbContainer {
	margin-top: -8px;
}
#playerDataTop .playtimer {
    left: 0;
    bottom: -12px;
}
.phone #playerDataTop .playtimer {
    bottom: -9px;
}
#playerDataLeft.loading .thumbContainer {
	margin-left: -8px;
}
#playerDataLeft .playtimer {
    right: -3px;
    top: 0;
    transform: rotate(-90deg);
    transform-origin: right top 0;
}
.phone #playerDataLeft .playtimer {
    right: -3px;
}
#playerDataRight.loading .thumbContainer {
	margin-right: -8px;
}
#playerDataRight .playtimer {
    left: -3px;
    top: 0;
    transform: rotate(90deg);
    transform-origin: left top 0;
}
.phone #playerDataRight .playtimer {
	left: -3px;
}
#playerDataTop .levelBadge {
	right:auto;
	top:auto;
	left:-10px;
	bottom:-10px;
}
.phone #playerDataTop .levelBadge {
	left:-8px;
	bottom:-6px;
}
#playerDataRight .levelBadge {
	right:auto;
	left:-10px;
}
.phone #playerDataRight .levelBadge {
	left:-8px;
}

.phone #playerDataLeft .levelBadge {
	right:-8px;
}

.boxBoardPlayerData .playerNick {
	position: absolute;
	z-index: -2;
	color: #fff;
	text-align: center;
	font-family: oswald_regularregular;
	font-size: 1.1rem;
	line-height: 30px;
    text-shadow: 1px 1px #222;
	width: 86px;
	overflow: hidden;
	white-space: nowrap;
	background: #666;
	box-sizing: border-box;
    border: 1px solid #222;
    border-radius: 5px;
}
.phone .boxBoardPlayerData .playerNick {
	width: 80px;
	font-size: 1rem;
	line-height: 24px;
}
.boxBoardPlayerData.loading .playerNick {
	background: #f5db48;
	color: #222;
	text-shadow:none;
}
/* .boxBoardPlayerData.disconnected .playerNick {
	background: #f5db48;
} */

#playerDataTop .playerNick {
	left: 50px;
    top: 9px;
}
.phone #playerDataTop .playerNick {
	left: 40px;
    top: 8px;
}
#playerDataLeft .playerNick {
    left: 6px;
    top: 136px;
    transform: rotate(-90deg);
    transform-origin: left top 0;
}
.phone #playerDataLeft .playerNick {
	left: 8px;
    top: 118px;
}
#playerDataRight .playerNick {
	right: -78px;
    top: 50px;
    transform: rotate(90deg);
    transform-origin: left top 0;
}
.phone #playerDataRight .playerNick {
	right: -74px;
    top: 38px;
}

#board .label {
	min-width: 30px;
}
.phone #board .label {
	min-width: 24px;
}
#board .cardsCount {
	position: absolute;
	z-index: 1100;
	display: none;
}
#board .cardsCount .label{
	text-shadow: none;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 100%;
	font-family: oswald_regularregular;
	font-size: 1.4rem;
	min-width: 30px;
	line-height: 28px;
	padding: 0;
    margin: 0;
}
.phone #board .cardsCount .label{
	min-width: 24px;
	line-height: 22px;
	font-size: 1.2rem;
}
#board .cardsCount.cardsCountPlayerTop {

}
#board .cardsCount.cardsCountPlayerLeft {

}
#board .cardsCount.cardsCountPlayerRight {

}
#board .cardsCount.cardsCountPlayerBottom {
	display: none;
}


#opponentData {
	right:10px;
	top:10px;
}
body.phone #opponentData {
	right:10px;
	top:50px;
}
#opponentData img{
	cursor:pointer;
}

#mainPlayerData {
	right:10px;
}
body.phone #mainPlayerData {
	right:10px;
	top:80%;
}
.boxPlayerData img {
	width: 100%;
}
body.phone .boxPlayerData {
}

.boxPlayerData img.disconnected{
	border: 2px solid red;
}

body.phone .boxPlayerData h5{
	display:none;
}


/* #btnMenu {
	background-image:url(../images/top_icon_burgermenu.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 70px;
    height: 70px;
	cursor: pointer;
	margin: 0 5px 0 0!important;
}
#btnMenu span{
	display: none;
}
.phone #btnMenu {
	width:60px;
	height:60px;
} */
#btnHints {
	position:absolute;
	z-index:100;
	left:15px;
	bottom:100px;
	width:70px;
	height:70px;
	cursor:pointer;
	background-image:url(../images/ico_chiudimatch.png);
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	display: none;
}
/*
#btnHints.off {
	background:url(../images/icons/new/audio-off.png) no-repeat left top;
	background-size: 100%;
}
*/
.phone #btnHints {
	left:10px;
	bottom:65px;
	width:50px;
	height:50px;
}

#pointsMadeMsgBox {
	position:absolute;
	display: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	opacity:0;
	z-index:1001;
	width:270px;
	height:115px;
}
#handPointsMsgBox {
	position:absolute;
	display: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	opacity:0;
	z-index:1000;
	width:100%;
	height:115px;
	text-align: center;
}
#handPointsMsgBox .pointsContainer{
	display: inline-table;
    margin: 0 auto;
    padding: 0;
    border: 4px solid #fff;
    background-color: #fff;
    border-radius: 35px;
	border-collapse: initial;
}
#handPointsMsgBox .pointsContainer p{
	color: #222;
    padding: 7px 10px;
    margin: 0;
    font-size: 1.8rem;
    line-height: 20px;
}
#handPointsMsgBox.win .pointsContainer p{
    border: 6px solid #33CE33;
    border-radius: 35px;
}
#handPointsMsgBox.loose .pointsContainer p{
    border: 6px solid red;
    border-radius: 35px;
}
#handPointsMsgBox.medium .pointsContainer p{
    font-size: 2.4rem;
    line-height: 26px;
}
#handPointsMsgBox.big .pointsContainer p{
    font-size: 3.0rem;
    line-height: 40px;
}
#handPointsMsgBox.verybig .pointsContainer p{
    font-size: 3.2rem;
    line-height: 42px;
}

.phone .jackpotContainer {
	margin: 5px 10px 0 10px;
    /* border-radius: 0; */

}
.jackpotContainer .jackpotLogo {
	margin: 5px;
    min-height: 56px;
    max-height: 56px;
}
.jackpotContainer .lblJackpot {
	cursor: pointer;
	margin: 0;
	padding: 0 10px;
	line-height: 30px;
	font-size: 1.6rem;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.jackpotContainer .lblJackpot .lblJackpotVal{
    padding: 2px 16px 2px 36px;
    border-radius: 14px;
	color: #fff;
    text-shadow: none;
}
.jackpotContainer .lblJackpot .lblJackpotVal.soft{
	background: #333 url(../images/currencies/ico-coin.png) no-repeat 3px center;
    background-size: auto 84%;
}
.jackpotContainer .lblJackpot .lblJackpotVal.hard{
	background: #333 url(../images/currencies/ico-gem.png) no-repeat 3px center;
    background-size: auto 84%;
}

/*Modal*/

.modal_gt_wrapper {
	margin:0 10px 10px 3px;
}
.modal_gt_container {
	position:absolute;
	z-index: 1150;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align: center;
}
.modal_gt {
	position: relative;
	max-width: 560px;
	margin:10% auto 0 auto;
	text-align: left;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:14px;
	overflow: hidden;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	background: #ebebeb url(../images/pattern_popup_waves.png) repeat center;
	visibility: hidden;
}

body.phone .modal_gt {
	margin-top:0;
	margin-bottom:0;
	/* border:none;
	border-radius: 0; */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
body.phone.portrait .modal_gt {
	margin-top:0;
	margin-bottom:0;
	/*
	background-size: auto 100%;
	*/
}
body.phone.landscape .modal_gt {
	margin-top:0;
	margin-bottom:0;
	/*
	background-size: 100% auto;
	*/
}

.modal_gt.endofmatch {
	/*
	background:url(../images/bg-verde_dark.jpg) no-repeat center;
	*/
}

.modal_gt .modalInnerContainer
{
	border:4px solid #222;
	box-sizing: border-box;
	border-radius: 14px;
}

.modal_gt .modalHeader
{
	text-align: center;
    padding: 0px 0px 0 0px;
    /* margin: 1px 1px 1px 1px; */
    /* border-top-left-radius: 10px;
    border-top-right-radius: 10px; */
    /* box-sizing: border-box; */
    border: none;
    /* width: 100%; */
    height: 45px;
    background-color: #222;
}
.phone .modal_gt .modalHeader
{
	/* border-radius: 0; */
}
.modal_gt .modalHeader .navbar-inner
{
	background-color: #222;
	border:none;
}
.phone .modal_gt .modalHeader .navbar-inner
{
	border-radius: 0;
}
.modal_gt .modalHeader .navbar .btn-group
{
	padding-top:2px;
	text-align:center;
}
.modal_gt .modalHeader .navbar .btn-group button
{
	float:none;
}

.modal_gt .modalHeader .modalHeaderTXT {
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
	line-height:45px;
	margin:0;
	font-size:1.8rem;
	text-transform: uppercase;
}
.phone .modal_gt .modalHeader .modalHeaderTXT {
	font-size:1.6rem;
}
.modal_gt .modalHeader .btn-toolbar .modalHeaderTXT {
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}

.modal_gt .modalHeader .imgGameLogo {
	height: 32px;
	margin-top: 5px;
}

.modal_gt .modalBody
{
	height: 460px;
    overflow:auto!important;
	position: relative;

}
.phone .modal_gt .modalBody
{
	border:none;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.modal_gt .modalBody.content
{
	/*
	background: rgba(255,255,255,0.3);
	background: white\0/;
	*/
}
#scroller.content
{
	/*
	background: rgba(255,255,255,0.3);
	background: white\0/;
	*/
}

.phone .modal_gt .modalBody {
	-webkit-overflow-scrolling: touch; /*adding this line will enable inertial scrolling*/
}
.modal_gt .modalBody h3
{
	font-size:2.0rem;
}
.modal_gt .modalFooter
{
  width:100%;
  height:50px;

	padding: 0px 0px 0 0px;
	text-align:center;

	background-color: #222;
	border-radius: 0;
	/* margin: 1px 1px 1px 1px; */
	/* border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px; */

}
.phone .modal_gt .modalFooter
{
	/* border-radius: 0 0 0 0; */
}
.modal_gt .modalFooter .navbar
{
  height: 45px;
}
.phone .modal_gt .modalFooter .navbar-inner
{
	border-radius: 0 0 0 0;
}
.modal_gt .modalFooter .navbar .btn-group
{
	padding-top:5px;
	text-align:center;
}
.modal_gt .modalFooter .navbar .btn-group button.btn
{
	float:none;
}

.modal_gt .modalFooter .navbar form, .navbar form
{
	margin:0;
}

.tblRegolePunti td{
	text-align:center;
}

.modal_gt .btnClose
{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	font-size: 2.6rem;
	color: #fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
	line-height: 50px;
	padding: 0 10px;
}
.modal_gt .btnClose:hover {
	text-decoration:none;
}
.modal_gt .btnClose span{
	display:none;
}
.modal_gt .btnBack
{
	cursor: pointer;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:60px;
	height:50px;
	background-size: 100%;
	text-decoration: none;
	text-shadow: 1px 1px 0 #222;
}
.modal_gt .btnBack span{
	color:#fff;
	font-size:3.0rem;
	line-height: 50px;
}

.btnRefresh
{
	/* cursor: pointer;
	position:absolute;
	top:0px;
	left:5px;
	z-index:100; */
	background-image: url(../images/ico_refresh.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 70%;
	width: 32px;
    height: 32px;
    border-radius: 5px;
}
.btnRefresh span{
	display:none;
}
.modal_gt .btnRefresh {
	cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
	display: block;
	width: 50px;
    height: 45px;
}

#scrollWrapper {
	position:relative;
	width:100%;
	overflow:auto;
	padding:0;
}
.phone #scrollWrapper {
	height:360px;
}

.scroller {
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;

    /* removing this fix android no hrdware accel scrolling bug
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    */

	-webkit-overflow-scrolling: touch; /*adding this line will enable inertial scrolling*/

}
.phone.scroller {
    overflow:scroll;
    height:100%;
    /*
	overflow-x:hidden;
    overflow-y:scroll;
    */
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    -ms-touch-action: pan-y;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.scroller ul.navlist {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}

.scroller ul.navlist li
{
	margin:5px 0;
	padding:0 10px;
	height:40px;
	border-bottom:1px solid #000;
}
.scroller ul.navlist li a{
	padding:0 20px;
	height:40px;
	line-height:40px;
	font-size:2.4rem;
	color:#222;
	text-decoration:none;
}
.scroller ul.navlist li a:hover{
	text-decoration:none;
}

.modal_gt .form-group {
	margin-left: 0;
	margin-right: 0;
}

.modal_gt form .control-label
{
	/* font-size: 1.2rem;
    line-height: 20px; */
	font-family: oswald_regularregular;
    /* color: #333; */
}
.modal_gt form .form-group input, .modal_gt form .form-group textarea
{
	font-family: oswald_regularregular;
	font-size: 1.2rem;
}
.modal_gt form .thumbnails li h5
{
	text-align:center;
}

.modal_gt .modalHeader .btn-toolbar
{
	margin:0;
	min-height:32px;
}
.modal_gt .modalFooter .btn-toolbar
{
	margin:0;
}

.modal_gt .modalHeader .btn, .modal_gt .modalHeader button
{
	font-size: 1.8rem;
	line-height: 26px;
}
.modal_gt .modalFooter .btn, .modal_gt .modalFooter button
{
	font-size: 1.8rem;
	line-height: 26px;
}
.modal_gt .modalFooter .btnsi-white, .modal_gt .modalHeader .btnsi-white {
	text-shadow: none;
}


.modalContentBox {
	margin: 10px 50px;
}
.phone .modalContentBox {
	margin: 10px 0px;
}
.phone.landscape .modalContentBox {
	margin: 0px 0px;
}
.modalContentBox.allplayers
{
	margin: 10px 0;
}

.modalContentBox.nomargin
{
	margin: 0;
}
.modalContentBox.nomargintopbot
{
	margin-top: 0;
	margin-bottom: 0;
}

.phone.landscape .modalBody .modalContentBox
{
	margin-left:15%;
	margin-right:15%;
}

.modalContentBox .outerBox{
	border-radius:none;
	padding:10px;
}
.modalContentBox .innerBox{
	padding: 10px;
	margin:10px 0;
	background-color: inherit;
}
.modalContentBox .modalpnl{
	margin: 10px 0;
}
.modalContentBox p.textlabel{
}
#loginDiv .modalContentBox {
	background:none;
	min-height: auto;
	margin:0;
}
#loginDiv .modalContentBox .innerBox{
	background:none;
	min-height: auto;
	margin:10px 0 0 0;
	padding:0;
}
#loginDiv .modalContentBox .spacer{
	display:none;
}
#loginDiv .modalContentBox form{
	margin:0;
	padding: 0;
}
#loginDiv .modalContentBox #userData{
	display:none;
}
.modalContentBox form {
	margin:0;
	padding: 0;
}
.frmFeedback .modalContentBox label {
	width: auto!important;
	display: inline;
}
.modalContentBox .controls {
	margin-left:160px;
}
.phone .modalContentBox .controls {
	margin-left:0px;
}
.modalContentBox .controls.nolabel {
	margin-left:0px;
	text-align: center;
}

.modalContentBox.rooms .innerBox {
	border-radius: 5px;
}

/* box bianchi
.outerBox {
	background: rgba(255,255,255,0.5);
	border-radius: 5px;
}
.innerBox {
	background: rgba(255,255,255,0.7);
	border-radius: 5px;
}
*/

/* box scuri*/
.outerBox {
	background: rgba(50,50,50,0.5);
	border-radius: 5px;
	color:#ededed;
}
.phone.portrait .outerBox {
	border-radius: 0;
}
.innerBox {
	background: rgba(255,255,255,0.9);
	border-radius: 5px;
	color:#222;
}
.modal_gt .outerBox {
	background: rgba(255,255,255,0.7);
	border-radius: 5px;
	color:#222;
	margin-bottom:10px;
}
body.portrait.phone .modal_gt .friendsList .outerBox {
	padding: 10px 0px;
	margin-right:10px;
	margin-left:10px;
}
.modal_gt .innerBox {
	background: rgba(255,255,255,1);
	border-radius: 0;
}


.bootbox .modal-body {
	max-height: 600px;
}
.phone.landscape .bootbox .modal-body {
	max-height: 300px;
}

.bootbox .modal-body .outerBox {
	color:#222;
}
.btnaddfrcont .btnAddFriend {
	background-image: url(../images/ico_add_white.png);
}
.halltitle {
	text-shadow: 1px 1px #222;
}
/* fine box scuri*/



/*
.settingsform fieldset
{
	margin:60px 40px;
}
.phone .settingsform fieldset
{
	margin:50px 20px;
}
*/

.settingsform label {
	margin:0 0 5px 0;
	line-height: 30px;
}
.settingsform .thumbs {
	clear:both;
}
.settingsform .thumbs li {
	width:80px;
	margin-left:25px;
	padding: 0;
	float:left;
	list-style: none;
	text-align:center;
}
.settingsform .thumbs li h5{
	width:80px;
	text-align:center;
	font-size:1.1rem;
	white-space: nowrap;
}
.settingsform .controls {
	margin-left: 0px;
}
.settingsform .control-label {
	font-size: 1.6rem;
	display: block;
}
.settingsform .control-group {
	margin: 0;
}
.settingsform .btn {
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.settingsform .btn.active {
	background-image: none;
}
.btn-group .btn{
	font-size: 1.4rem;
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-group .btn.active{
	background-image: none;
	color: #fff;
    background-color: #222;
}
.controls .btn-group {
	padding: 0 20px;
}

/*
.controls .btn-group.btnswitch.truthy {
	background: url(../images/btn_switch_left.png) no-repeat center;
	background-size: auto 100%;
}
.controls .btn-group.btnswitch.falsy {
	background: url(../images/btn_switch_right.png) no-repeat center;
	background-size: auto 100%;
}
.controls .btn-group .btnsi-transparent{
	line-height: 56px;
	text-align: center;
	padding: 0 5px;
	font-size: 1.6rem;
}
.controls .btn-group .btnsi-transparent:focus{
	outline:none;
}
.controls .btn-group.btnswitch .btnsi-transparent{
	color: #fff;
	text-shadow: 1px 1px 0 #222;
}
.controls .btn-group.btnswitch.truthy .btnTruthy{
	color:rgb(0, 176, 0);
}
.controls .btn-group.btnswitch.falsy .btnFalsy{
	color:red;
}
*/

.settingsform .btn-group .btn {
	font-size: 1.4rem;
    line-height: 20px;
    padding: 5px 10px;
}
.phone .settingsform .btn-group .btn {
}

/*Round done table*/

.modalContentBox.rounddone .innerBox{
	border-radius: 10px;
}

#tblrounddone
{
	margin-bottom: 0;
}
#tblrounddone td,#tblrounddone th
{
	text-align:center;
	border:none;
	font-size:1.4rem;
	white-space: nowrap;
	line-height: 24px;
}
/*
#tblrounddone th {
	background: rgba(0, 0, 0, 0.5);
}
*/
#tblrounddone th {
	background: rgba(0, 166, 215, 1);
	vertical-align: middle;
	padding: 0;
}
#tblrounddone th div {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90px;
	margin:0 auto;
}
#tblrounddone td {
	overflow:hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.phone #tblrounddone td, .phone #tblrounddone th {
	padding-left:0;
	padding-right:0;
	white-space: normal;
}

#tblrounddone th .thumbContainer {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin: 5px;
    overflow: inherit;
    box-sizing: content-box;
}
/* .phone #tblrounddone th .thumbContainer {
    box-sizing: content-box;
} */
.phone #tblrounddone th .thumbContainer, .phone #tblrounddone th .thumbContainer .playerthumb {
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    max-width: 42px;
    max-height: 42px;
}
#tblrounddone th p {
	margin: 0 0 0 0;
	display: none;
}
#tblrounddone td.win {

}
#tblrounddone td.nowin {

}
#tblrounddone tr
{
}
#tblrounddone tr.alt
{
	background: rgba(0, 0, 0, 0.12);
}
.level4 #tblrounddone th{
	background: rgba(0, 166, 215, 1);
}
.level3 #tblrounddone th{
	background: rgba(255, 77, 77, 1);
}
.level2 #tblrounddone th{
	background: rgba(245, 127, 49, 1);
}
.level1 #tblrounddone th{
	background: rgba(255, 204, 0, 1);
}
.level1 #tblrounddone th div{
	color:#222;
	text-shadow:none;
}

#tblrounddone tr.scoreRow {
	background-color:#333;
	color:#fff;
	font-weight:bold;
	text-shadow:none;
}
#tblrounddone tr.scoreRow td{
	padding: 6px 0;
}
/*
.rounddone .pointsContainer {
	background: transparent url(../images/coccarda_fiocco.png) no-repeat center;
	text-align: center;
	line-height: 70px;
	background-size: auto 100%;
	color: #fff;
	text-shadow: 2px 2px 0 #222;
	padding-bottom:25px;
	font-size: 18px;
	margin-top: 10px;
}
.pointsLabel {
	padding-top: 30px;
}
*/
.rounddone .pointsContainer {
	font-size: 2.4rem;
	margin: 30px 0;
}
.phone .rounddone .pointsContainer {
	font-size: 2.0rem;
}
.pointsLabel {
	font-size: 2.4rem;
	white-space: normal;
    line-height: 28px;
}
.phone .pointsLabel {
	font-size: 2.0rem;
}
.eliminatedLabel {
	font-size: 1.4rem;
	white-space: normal;
    line-height: 28px;
}
.phone .eliminatedLabel {
	font-size: 1.6rem;
}
.rounddone .eliminatedContainer {
	font-size: 2.4rem;
	color: #D00707;
}
.phone .rounddone .eliminatedContainer {
	font-size: 2.0rem;
}
.rounddone .lblcappotto {
	font-size: 2.4rem;
	color: #D00707;
	margin: 0 0 5px 0;
	padding: 0;
}
.phone .rounddone .lblcappotto {
	font-size: 2.0rem;
}

.phone .bootbox .topresultimg {
	margin-right: -20px;
	margin-left: -20px;
}

.img_vittoria.it {
	background: transparent url(../images/game/it/vittoria.png) no-repeat center;
	background-size: auto 100%;
	height:112px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_vittoria.it {
	background-size: auto 100%;
	height:90px;
	margin-top: -60px;
}
.img_sconfitta.it {
	background: transparent url(../images/game/it/sconfitta.png) no-repeat center;
	background-size: auto 100%;
	height:100px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_sconfitta.it {
	background-size: auto 100%;
	height:80px;
	margin-top: -60px;
}
.img_pareggio.it {
	background: transparent url(../images/game/it/pareggio.png) no-repeat center;
	background-size: auto 100%;
	height: 110px;
    margin-top: -76px;
    margin-bottom: -10px;
}
.phone .img_pareggio.it {
	background-size: auto 100%;
	height:80px;
	margin-top: -56px;
}
.img_obiettivo.it {
	background: transparent url(../images/game/it/obiettivo.png) no-repeat center;
	background-size: auto 100%;
	height:100px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_obiettivo.it {
	background-size: auto 100%;
	height:80px;
	margin-top: -70px;
    margin-bottom: 0;
}
.img_levelup.it {
	background: transparent url(../images/game/it/levelup.png) no-repeat center;
    background-size: auto 100%;
    height: 122px;
    margin-top: -90px;
    margin-bottom: -10px;
}
.phone .img_levelup.it {
	background-size: auto 100%;
    height: 80px;
    margin-top: -60px;
    margin-bottom: 0;
}

.img_vittoria.es {
	background: transparent url(../images/game/es/vittoria.png) no-repeat center;
	background-size: auto 100%;
	height:112px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_vittoria.es {
	background-size: auto 100%;
	height:90px;
	margin-top: -60px;
}
.img_sconfitta.es {
	background: transparent url(../images/game/es/sconfitta.png) no-repeat center;
	background-size: auto 100%;
	height:100px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_sconfitta.es {
	background-size: auto 100%;
	height:80px;
	margin-top: -60px;
}
.img_pareggio.es {
	background: transparent url(../images/game/es/pareggio.png) no-repeat center;
	background-size: auto 100%;
	height: 110px;
    margin-top: -76px;
    margin-bottom: -10px;
}
.phone .img_pareggio.es {
	background-size: auto 100%;
	height:80px;
	margin-top: -56px;
}
.img_obiettivo.es {
	background: transparent url(../images/game/es/obiettivo.png) no-repeat center;
	background-size: auto 100%;
	height:100px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_obiettivo.es {
	background-size: auto 100%;
	height:80px;
	margin-top: -70px;
    margin-bottom: 0;
}
.img_levelup.es {
	background: transparent url(../images/game/es/levelup.png) no-repeat center;
    background-size: auto 100%;
    height: 122px;
    margin-top: -90px;
    margin-bottom: -10px;
}
.phone .img_levelup.es {
	background-size: auto 100%;
    height: 80px;
    margin-top: -60px;
    margin-bottom: 0;
}

.img_vittoria.en {
	background: transparent url(../images/game/en/vittoria.png) no-repeat center;
	background-size: auto 100%;
	height:112px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_vittoria.en {
	background-size: auto 100%;
	height:90px;
	margin-top: -60px;
}
.img_sconfitta.en {
	background: transparent url(../images/game/en/sconfitta.png) no-repeat center;
	background-size: auto 100%;
	height:100px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_sconfitta.en {
	background-size: auto 100%;
	height:80px;
	margin-top: -60px;
}
.img_pareggio.en {
	background: transparent url(../images/game/en/pareggio.png) no-repeat center;
	background-size: auto 100%;
	height: 110px;
    margin-top: -76px;
    margin-bottom: -10px;
}
.phone .img_pareggio.en {
	background-size: auto 100%;
	height:100px;
	margin-top: -56px;
}
.img_obiettivo.en {
	background: transparent url(../images/game/en/obiettivo.png) no-repeat center;
	background-size: auto 100%;
	height:106px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_obiettivo.en {
	background-size: auto 100%;
	height:100px;
	margin-top: -70px;
    margin-bottom: 0;
}
.img_levelup.en {
	background: transparent url(../images/game/en/levelup.png) no-repeat center;
    background-size: auto 100%;
    height: 122px;
    margin-top: -90px;
    margin-bottom: -10px;
}
.phone .img_levelup.en {
	background-size: auto 100%;
    height: 80px;
    margin-top: -60px;
    margin-bottom: 0;
}

.img_vittoria.pt {
	background: transparent url(../images/game/pt/vittoria.png) no-repeat center;
	background-size: auto 100%;
	height:112px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_vittoria.pt {
	background-size: auto 100%;
	height:90px;
	margin-top: -60px;
}
.img_sconfitta.pt {
	background: transparent url(../images/game/pt/sconfitta.png) no-repeat center;
	background-size: auto 100%;
	height:100px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_sconfitta.pt {
	background-size: auto 100%;
	height:80px;
	margin-top: -60px;
}
.img_pareggio.pt {
	background: transparent url(../images/game/pt/pareggio.png) no-repeat center;
	background-size: auto 100%;
	height: 110px;
    margin-top: -76px;
    margin-bottom: -10px;
}
.phone .img_pareggio.pt {
	background-size: auto 100%;
	height:100px;
	margin-top: -56px;
}
.img_obiettivo.pt {
	background: transparent url(../images/game/pt/obiettivo.png) no-repeat center;
	background-size: auto 100%;
	height:106px;
	margin-top: -80px;
    margin-bottom: -10px;
}
.phone .img_obiettivo.pt {
	background-size: auto 100%;
	height:100px;
	margin-top: -70px;
    margin-bottom: 0;
}
.img_levelup.pt {
	background: transparent url(../images/game/pt/levelup.png) no-repeat center;
    background-size: auto 100%;
    height: 122px;
    margin-top: -90px;
    margin-bottom: -10px;
}
.phone .img_levelup.pt {
	background-size: auto 100%;
    height: 80px;
    margin-top: -60px;
    margin-bottom: 0;
}


.endofmatchPopup {
	text-align: center;
}
.endofmatchPopup table tr td {
	padding: 0;
}
.bootbox .modal-body .levelContainer {
    margin: 10px auto 0 auto;
}

.bootbox .modal-body .lblXpPoints {
    margin: 10px auto;
	text-align: center;
	margin-top: 18px;
    max-width: 350px;
}
.bootbox .modal-body .lblXpPoints span.pointswon {
	display: inline-block;
    height: 30px;
    line-height: 30px;
    background: transparent url(../images/ico_xp_points.png) no-repeat left center;
    background-size: auto 100%;
    padding-left: 36px;
}
.bootbox .modal-body .lblLdb {
    margin: 10px auto;
	text-align: center;
    max-width: 350px;
}
.bootbox .modal-body .lblLdb span.pointswon {
	display: inline-block;
    height: 40px;
    line-height: 40px;
    background: transparent url(../images/ico-leaderbords.png) no-repeat left center;
    background-size: auto 100%;
    padding-left: 46px;
}

.bootbox .modal-body .lblLdbPoints {
    margin: 0px auto;
	text-align: center;
	/* display: inline-block; */
	border: 1px solid #333;
    border-radius: 5px;
	background-color: #eee;
	padding: 2px 0;
	line-height: 20px;
}
.bootbox .modal-body .lblLdbPoints .leaderboardTable tr{
	background-image: none;
}
.bootbox .modal-body .lblLdbPoints span {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 16px;
    vertical-align: middle;
}
.bootbox .modal-body .lblLdbPoints span.ico {
    height: 40px;
    line-height: 40px;
    background: transparent url(../images/ico-leaderbords.png) no-repeat left center;
    background-size: auto 100%;
	min-width: 40px;
}
.bootbox .modal-body .lblLdbPoints .imgLdbTrend {
	width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}



.modal_gt .bar
{
	padding:0 0px;
	font-size:1.6rem;
	text-align: center;
}

.leaderboardTable {
	margin:0!important;
	width:100%;
}
.leaderboardTable h4{
	text-shadow:none;
}
.leaderboardTable th{
	font-size:1.6rem;
	font-weight: normal;
	line-height: 26px;
	color:#fff;
	border:none;
	background: rgba(0, 0, 0, 0.5);
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-shadow: 2px 2px 0 #222;
}
.leaderboardTable td, .leaderboardTable th{
	border:none;
	vertical-align: middle !important;
	padding: 3px !important;
}
.leaderboardTable td p.nickContainer {
	max-width: 220px;
	max-height: 40px;
	margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.phone .leaderboardTable td p.nickContainer {
	max-width: 130px;
}
.leaderboardTable tr{
	background-image: linear-gradient(#fff, #fff, #eee);
}
.leaderboardTable tr.alt{
	/* background: rgba(0, 0, 0, 0.12); */
}
.leaderboardTable tr.alt.you,.leaderboardTable tr.you{
	background: #333;
	color: #fff;
}
.leaderboardTable tr.head{
	/*
	background:#cccccc;
	*/
}
.imgLdbThumb {
	background: url("../images/avatars/0.jpg") no-repeat center;
	background-size:100% 100%;
	border:1px solid #333;
	border-radius: 5px;
	width: 50px;
	height: 50px;
	min-width: 50px;
	min-height: 50px;
	cursor: pointer;
}
.leaderboardTable tr.you .imgLdbThumb {
	border-color: #fff;
}
.leaderboardTable th {
	text-align: center;
}
.leaderboardTable .ldbtext {
	line-height: 40px;
	font-size: 1.2rem;
}

.levelmultiplayer .leaderboardTable th{
	background: rgba(0, 166, 215, 1);
}
.levelexpert .leaderboardTable th{
	background: rgba(255, 77, 77, 1);
}
.levelintermediate .leaderboardTable th{
	background: rgba(245, 127, 49, 1);
}
.levelbeginner .leaderboardTable th{
	background: rgba(255, 204, 0, 1);
	color:#222;
	text-shadow:none;
}
.imgLdbTrend {
	width: 10px;
	height: 10px;
	min-width: 10px;
	min-height: 10px;
}


.mask, .outerBox .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1149;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);;
	width:100%;
	height:100%;
	font-size:2.0rem;
	color:#fff;
	font-weight:bold;
	overflow:hidden;
}
#scroller .mask {
	top:-20px;
}



/*bootstrap overrides*/
button, input, select, textarea {
	vertical-align:top;
}
.navbar .btn, .navbar .btn-group {
	margin-top: 0;
}
.navbar {
	margin:0;
}

.navbar .container {
  padding-right: 0px;
  padding-left: 0px;
	border:0;
}

#alertsContainer {
	position:absolute;
	z-index:1000;

	text-align:center;
	font-size: 2.0rem;

	width:100%;
}
#alertsContainer .alertsContent{
	min-height:30px;
	padding:5px;
	margin:90px auto 0 auto;
}
.phone #alertsContainer .alertsContent{
	margin:90px auto 0 auto;
}
#alertsContainer .alertsContent .label{
	text-shadow: 2px 2px 0 #222;
	color: #fff;
	font-size: 1.8rem;
	line-height: 24px;
	padding: 0 5px;
	white-space: normal;
	border:1px solid #fff;
}
.phone #alertsContainer .alertsContent{
	margin:90px auto 0 auto;
}
.phone #alertsContainer .alertsContent .label{
	font-size: 1.6rem;
	line-height: 20px;
}
.phone.portrait #alertsContainer .alertsContent{
	margin:90px auto 0 auto;
}
#alertsContainer .alertsContent .alert{
	margin: 0 0 5px 0;
	font-size:1.2rem;
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 5px solid #ccc;
}
.phone #alertsContainer .alertsContent .alert{
	font-size:1rem;
}
#chatTopContainer {

	text-align:center;

	width:100%;
}
#chatTopContainer .chatTopContent{
	height:77px;

	text-align:left;
	min-height:50px;
	max-width:500px;
	margin:0 auto 0px auto;
	/*
	background-color: #EDEDED;
	border-radius: 6px;
	*/
	position: relative;
}

.phone #chatTopContainer .chatTopContent{
	height:73px;
}

#chatTopContainer .chatTopContent .navbar.top{
	position:absolute;
	top:0px;
	width:100%;
	text-align:center;
	z-index:5;
}
#chatTopContainer .chatTopContent .navbar.bottom{
	position:absolute;
	bottom:-2px;
	width:100%;
	text-align:center;
	z-index:4;
}
.chatTopContent  .lnkCloseChat {
	display: block;
    position: absolute;
    right: 50px;
    line-height: 23px;
    background-color: #222;
    color: #fff;
    padding: 0 5px;
    text-shadow: none;
    text-decoration: none;
}
#chatTopContainer .chatTopContent .navbar table tr td{
	margin: 0;
	padding: 0;
}
#chatTopContainer .chatTopContent .navbar .navbar-inner{
	min-height:50px;
}
#chatTopContainer .chatTopContent .navbar .input button{
	margin-bottom: 0;
	margin-right: 0;
	font-size: 1.6rem;
	border:0;
	background-color: transparent;
	background-image:none;
	-webkit-box-shadow:none;
	box-shadow: none;
	outline:none;
	padding: 0 5px;
}
.phone #chatTopContainer .chatTopContent .navbar .input button{
	line-height:14px;
}
#chatTopContainer .chatTopContent .navbar input{
	margin: 0;
	margin:2px 0 1px 0;
	width:95%!important;
}
.phone #chatTopContainer .chatTopContent .navbar input{
	margin:2px 0 1px 0;
}
#chatTopContainer .chatTopContent .navbar input.txtChat{
	height:22px;
	font-size:1.5rem;
	line-height: 22px;
	outline:none;
}
.phone #chatTopContainer .chatTopContent .navbar input.txtChat{
	width:95%!important;
}

#chatTopContainer .chatTopContent .navbar .btnChat {
	padding:0;
	margin-left: 0px;
	height:30px;
	position: inherit;
}
#chatTopContainer .chatTopContent .navbar .btnChat .icon-pencil {
	background: transparent url(../images/matita.png) center;
	background-size: 100%;
	width:30px;
	height:30px;
}
#chatTopContainer .chatTopContent .navbar .btnbtnAskFriendship {
	padding:0;
	width:36px;
	height:30px;
}
#chatTopContainer .chatTopContent .navbar .btnbtnAskFriendship .emoticon {
}
#chatTopContainer .chatTopContent .navbar .btnOpenCloseEmoticons {
	padding:0;
	width:36px;
	height:30px;
}
#chatTopContainer .chatTopContent .navbar .btnOpenClose {
	padding:0;
}
#chatTopContainer .chatTopContent .navbar .btnOpenClose .icon-chevron-down {
	background: transparent url(../images/freccia_giu.png) center;
	background-size: 100%;
	width:36px;
	height:30px;
}
#chatTopContainer .chatTopContent .navbar .btnOpenClose .icon-chevron-up {
	background: transparent url(../images/freccia_su.png) center;
	background-size: 100%;
	width:36px;
	height:30px;
}
#chatTopContainer .chatTopContent .chatLnkContainer {
	font-family: sans-serif;
}
#chatTopContainer .chatTopContent .txtmsgChat {
	margin-left: 55px;
	margin-right: 55px;
}
#chatTopContainer .chatTopContent .txtmsgChat p {
	font-family: sans-serif;
	text-shadow:none;
}
#chatTopContainer .chatTopContent .msgBody {
	position: absolute;
	bottom: 36px;
	width: 100%;
	padding-bottom: 0px;
	overflow: auto;
	max-height: 77%;
}
.phone #chatTopContainer .chatTopContent .msgBody {
	padding-bottom: 0px;
}
#chatTopContainer .chatTopContent .msgBody .innerMsgBodyContainer {
	padding: 10px 0 0 0;
}
#chatTopContainer .chatTopContent .msgBody .innerMsgBodyContainer .systemMsg{
	text-align: center;
    font-family: sans-serif;
    font-size: 1.3rem;
    padding-right: 50px;
    padding-left: 50px;
}
.chatContent .msgBody .innerMsgBodyContainer .systemMsg{
	text-align: center;
    font-family:  sans-serif;
    font-size: 1.3rem;
    padding-right: 50px;
    padding-left: 50px;
    padding: 5px 50px;
    background: #ccc;
    margin: 5px 0 0 0;
}
#chatTopContainer .chatTopContent .msgBody .chatItem {
	margin:0px 55px 0 5px;
}
#chatTopContainer .chatTopContent .msgBody .chatItem.right {
	margin:0px 5px 0 55px;
}
.phone #chatTopContainer .chatTopContent .msgBody .chatItem {
	margin:0px 45px 0 5px;
}
.phone #chatTopContainer .chatTopContent .msgBody .chatItem.right {
	margin:0px 5px 0 45px;
}
#chatTopContainer.open .chatTopContent .msgBodyContainer .msgBody .chatItem {
	margin:0px 5px 0 5px;
}
#chatTopContainer .chatTopContent .msgBody .bubble {
	padding-bottom:3px;
}
.phone #chatTopContainer .chatTopContent .msgBody .bubble {
	padding-bottom:0;
}

#chatTopContainer .chatTopContent .msgBody .bubble p,
#chatTopContainer .chatTopContent .msgBody .bubble a{
	font-family: sans-serif;
	text-shadow: none;
}
#chatTopContainer .chatTopContent .msgBody .bubble p.timestamp{
	padding:0px;
	line-height: 16px;
	font-size: 1.0rem;
}

.msgBodyContainer {
	height:100%;
}

.loginPnl {
	font-family: oswald_regularregular;
}
.loginPnl .step{
	margin-top:0px;
}
.loginPnl .step.one img{
	cursor:pointer;
}
.loginPnl .step.register, .loginPnl .step.otp, .loginPnl .step.completelogin, .loginPnl .step.setpassword {
	display: none;
}

.loginPnl .step.otp .controls input {
	text-align: center;
	font-size: 1.8rem;
    line-height: 30px;
    height: 30px;
    padding: 0;
}

/* remove arrows from input type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.loginPnl .step .resultText{

}

.loginPnl #userData{
	margin-top:20px;
	text-align:left;
	font-size:1.2rem;
}
.loginPnl #userData img{
	border:1px solid #000;
	float:right;
}
.loginPnl #userData p{
	line-height:16px;
	margin: 3px 0 0 0;
	padding: 0;
}
.loginPnl #userData p span{
	font-size:1.4rem;
}
.loginPnl #userData p.pname{
	line-height:30px;
	margin: 0px 0 0 0;
	padding: 0;
	font-size:2.0rem;
}


.startpanel {
	text-align:center;
}
.startpanel .matchbtns{
	text-align:center;
	margin-bottom: 2px;
}

.phone .startpanel .friendsCol .matchbtns{
	margin-top:5px;
}

.startpanel .tabWrapper.scroller{
	position:relative;
}
.startpanel .tabWrapper.scroller .onlineStatus{
	position:absolute;
	right:10px;
	top:6px;
	line-height:18px;
	display:none;
}

#tabsBottom {
	position: absolute;
	right: 0;
	bottom: 0px;
	z-index: 100;
}
#tabsBottom img{
	height:36px;
}
#fbLike {
	margin-top: 14px;
	margin-left: 0px;
	height: 28px;
    border-radius: 5px;
}

#pnlMatchmaking {
}
.startpanel {
}
.phone .startpanel {
	margin:0 0 0 0;
	overflow:hidden;
}
.startPanelContainer {
	width:100%;
	height:100%;
	text-align: center;
}
.phone .startPanelContainer {
	overflow:hidden;
	/* background-color: #222; */
}
.startPanelContainer .popup {
	max-width: 620px;
	margin:10% auto 0 auto;
	text-align: left;
}
body.phone .startPanelContainer .popup {
	overflow:hidden;
	margin-top:0;
	max-width: 100%;
}

.startpanel .topbar {
	background-color: #222;
	border-radius:5px;
	margin-bottom: 7px;
	text-align: left;
	height:30px;
    width:100%;
    position: relative;
    z-index: 100;
}
.phone .startpanel .topbar {
	border-radius:0;
	margin-bottom: 0;
	margin-top:0;
	height:40px;
}
.phone .startpanel .topbar {
	position: absolute;
	top:0;
	z-index: 1100;
	background-color: #2a2a2a;
}
/*.phone .classificated.multiplayer .startpanel .topbar {
	background-color: rgba(0, 166, 215, 1);
}
.phone .classificated.expert .startpanel .topbar {
	background-color: rgba(255, 77, 77, 1);
}
.phone .classificated.intermediate .startpanel .topbar {
	background-color: rgba(245, 127, 49, 1);
}
.phone .classificated.beginner .startpanel .topbar {
	background-color: rgba(255, 204, 0, 1);
}*/

.startpanel .topbar .imgGameLogo{
	margin:-20px 0 0px 15px;
	height:42px;
}
.phone .startpanel .topbar .imgGameLogo{
	margin:5px 0 0px 10px;
	height:32px;
	display: none;
}

.startpanel .tabbarpopup {
	margin:0 0 0 10px;
	border: none;
	display:none;
}

.startpanel .topbar p.panelTitle {
	line-height: 30px;
    text-shadow: 3px 0 4px #000;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0 10px;
}
.phone .startpanel .topbar p.panelTitle {
    font-size: 1.8rem;
	line-height: 52px;
	display: none;
}

.spaghiLogoContainer{
	text-align: center;
	padding: 20px 0;
}
.spaghiLogoContainer .spaghilogo{
	margin:10px 10px 10px 10px;
	width: 230px;
}


.storesButtons {
	margin-top: 10px;
	width: 140px;
	height: 40px;
}
.phone .storesButtons {
	display: none;
}
.storesButtons.bot {
}

.screenSizeButtons {
	text-align: center;
}
.btnGameSize,.btnGameSize:active,.btnGameSize:hover {
	cursor: pointer;
	display: block;
	text-decoration: none;
	width: 60px;
	height: 54px;
	margin: 22px auto 0 auto;
	background-size: 100% 100%!important;
	opacity: .8;
}
.btnGameSize:hover {
	opacity: 1;
}
.btnGameSize.small {
	background: transparent url(../images/ico_top/minimo.png) no-repeat center;
	display: none;
}
.btnGameSize.big {
	background: transparent url(../images/ico_top/medio.png) no-repeat center;
}
.btnGameSize.full {
	background: transparent url(../images/ico_top/full.png) no-repeat center;
}
body.fullscreen .btnGameSize.full {
	background: transparent url(../images/ico_top/out_full.png) no-repeat center;
}

.btnStore,.btnStore:active,.btnStore:hover {
	cursor: pointer;
	display: block;
	text-decoration: none;
	width: 40px;
	height: 37px;
	float: left;
	margin-left: 3px;
	background-size: auto 100%!important;
	opacity: .9;
}
.btnStore:hover {
	opacity: 1;
}
.btnStore.apple {
	background: transparent url(../images/ico_top/apple.png) no-repeat center;
}
.btnStore.android {
	background: transparent url(../images/ico_top/android.png) no-repeat center;
}
.btnStore.windows {
	background: transparent url(../images/ico_top/windows.png) no-repeat center bottom;
	background-size: auto 90%!important;
}


#btnStartBack {
	position:absolute;
	right:5px;
	top:0px;
	z-index:150;
	padding:0px 10px 0 10px;

	margin:0 0 0 2px;

	line-height:30px;
	/*
	font-family: 'rammetto_oneregular', cursive;
	*/
	text-shadow: 3px 0 4px #000;
	color: #fff;
	font-size:1.6rem;
	cursor:pointer;

	border-bottom:none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	text-transform: uppercase;
}
.phone #btnStartBack {
	top:0px;
	right:20px;
	height:40px;
	padding:0 10px 0 10px;
	line-height:40px;
	font-size:2.6rem;
	margin-top:0px;
	border-bottom:none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;

	border-radius: 0;
	border: 0;
	background: none;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}

.startpanel .tab-content {
	position:relative;
	top:32px;
	left:0;
	z-index: 50;
	width:100%;
	clear: both;
	/*
	border-radius: 10px;
	border: 3px solid #c2a797;
	*border: 3px solid #c2a797;

	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.5);
	box-shadow: 8px 8px 8px rgba(0,0,0,0.5);

	background:url(../images/bg_popup.jpg) repeat-y center;
	*/
	overflow:hidden;
	height:428px;
}
.phone .startpanel .tab-content {
    position:static;
	overflow:auto;
	border-radius: 0px;
	border: none;
	top:-8px;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

body.phone .startpanel .tab-content {
	background-color: transparent;
	background-size: auto 100%;
}
body.phone.portrait .startpanel .tab-content {
	background-size: auto 100%;
}
body.phone.landscape .startpanel .tab-content {
	background-size: 100% auto;
}

.startpanel .tab-content .tab-pane{
	height:420px;
	padding-top:5px;
	z-index: 21;
	border-radius: 10px;
	/*
	-webkit-box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5);
	box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5);
	*/
	background-color: transparent;
}
.phone .startpanel .tab-content .tab-pane{
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height:auto;
}

.startpanel .tab-content .tab-pane .tabWrapper{
	/*
	border-radius: 5px;
	background: rgba(255,255,255,0.5);
	border:1px solid #8d542f;
	margin:5px;
	min-height:414px;
	*/
}

.startpanel .tabsWrapper .row-fluid .span6 {
	margin-left: 5px;
	width: 49.4%;
}
.phone .startpanel .tabsWrapper .row-fluid .span6, .startpanel .tabsWrapper .row-fluid .span6:first-child {
	margin-left: 0;
}
.phone .startpanel .tabsWrapper .row-fluid .span6 {
	width: inherit;
}

.tabsWrapper {
	margin-top:5px;
}
.row-fluid #hofCol {
	margin-left:8px;
	width:15.7%;
	padding: 7px;
}
.row-fluid .playersCol {
	margin-left:5px;
	display: none;
}
.row-fluid .friendsCol {
	margin-left:5px;
	display: none;
}
.row-fluid .offlineCol {
	margin-left:0px;
	/*
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	*/
	min-height: 361px;
}

.phone .row-fluid #hofCol {
	margin:10px;
	width:auto;
}
.phone .row-fluid .playersCol {
	margin-left:0px;
	/*
	padding-right: 10px;
	padding-left: 10px;
	*/
}
.phone .row-fluid .friendsCol {
	margin-left:0px;
}
.phone .row-fluid .offlineCol {
	margin-left:0px;
	/*
	padding-right: 10px;
	padding-left: 10px;
	*/
}
.phone .row-fluid .aiCol {
	padding:0;
}
.phone #muTab .userdataContainer {
	margin: 5px 10px;
    padding: 5px;
    /* border-radius: 0; */
}
.phone.landscape #muTab .userdataContainer {
	margin: 5px 10px;
    padding: 0;
    border-radius: 5px;
}
.phone #clTab .userdataContainer {
	margin: 5px 10px;
    padding: 5px;
    /* border-radius: 0; */
}
.phone.landscape #clTab .userdataContainer {
	margin: 5px 10px;
    padding: 5px;
    border-radius: 5px;
}
#clTab #allLeaders,
#clTab #friendsLeaders {
    margin: 0 0 5px 0;
	padding: 5px;
	min-height:290px;
	position: relative;
}
#clTab #allLeaders {
    margin: 0 3px 5px 0;
}
#clTab #friendsLeaders {
    margin: 0 0 5px 2px;
}

/* .desktop #clTab #friendsLeaders, .tablet #clTab #friendsLeaders {
	margin-left: -7px;
} */
#clTab #allLeaders .innerBox,
#clTab #friendsLeaders .innerBox {
	margin: 0;
    padding: 5px;
}

.phone.portrait #clTab #allLeaders,
.phone.portrait #clTab #friendsLeaders {
    margin: 0 0 10px 0;
	padding: 10px 0;
}
.phone #clTab #allLeaders .innerBox,
.phone #clTab #friendsLeaders .innerBox {
	margin: 0 10px;
    /* border-radius: 0; */
}
.phone.landscape #clTab #allLeaders,
.phone.landscape #clTab #friendsLeaders {
	padding: 10px 0;
}


#clTab .leaderboardTable td p.nickContainer {
	max-width: 110px;
}
.phone #clTab .leaderboardTable td p.nickContainer {
	max-width: 162px;
}

#clTab .leaderboardTable td .thumbContainer .imgLdbThumb{
	min-width: 38px;
    min-height: 38px;
    max-width: 38px;
    max-height: 38px;
}
.phone #clTab .leaderboardTable td .thumbContainer .imgLdbThumb{
	min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px;
}
#clTab .leaderboardTable td .thumbContainer{
	min-width: 38px;
    min-height: 38px;
    max-width: 38px;
    max-height: 38px;
	border: none;
	box-sizing: border-box;
	margin:0;
}
.phone #clTab .leaderboardTable td .thumbContainer{
	min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
	border: none;
	box-sizing: border-box;
	margin:0;
}

#clTab .innerBox .pnlTopHead {
	text-align: left;
    font-size: 1.6rem;
    line-height: 30px;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
	text-transform: uppercase;
}
#clTab .innerBox .pnlTopHead .btn{
	float: right;
	font-size: 1.2rem;
	line-height: 20px;
}

#clTab #friendsLeadersContainer, #clTab #allLeadersContainer{
	min-height: 60px;
	overflow: auto;
}
.popupPlayButtons {
    /* margin: 5px 10px; */
}

.popupPlayButtons .btn{
	line-height: 24px;
	display: block;
	width: 96%;
	min-height: 65px;
    margin: 5px auto;
    font-size: 1.6rem;
    padding: 6px;
    padding-left: 40px;
	white-space: normal;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.popupPlayButtons .btnSocial{
	background-image: url(../images/ico_multiplayer.png);
	background-size: auto 98%;
	background-repeat: no-repeat;
	background-position: 6px center;
}
.popupPlayButtons .btnLeaders, .popupPlayButtons .btnSingle {
	background-image: url(../images/ico_partita_classificata.png);
	background-size: auto 70%;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.popupPlayButtons .btnTraining {
	background-image: url(../images/ico_training.png);
	background-size: auto 94%;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.popupPlayButtons .btnClubs {
	background-image: url(../images/ico_partita_classificata.png);
	background-size: auto 70%;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.popupPlayButtons .btnPrincipianti{
	background-image: url(../images/ico_level_principianti.png);
	background-size: auto 30%;
	background-repeat: no-repeat;
	background-position: center 94%;
	padding-bottom: 34px;
	padding: 10px 10px 34px 10px;
}
.phone.portrait .popupPlayButtons .btnPrincipianti{
	background-size: auto 40%;
}
.popupPlayButtons .btnBravi{
	background-image: url(../images/ico_level_bravi.png);
	background-size: auto 30%;
	background-repeat: no-repeat;
	background-position: center 94%;
	padding-bottom: 34px;
	padding: 10px 10px 34px 10px;
}
.phone.portrait .popupPlayButtons .btnBravi{
	background-size: auto 40%;
}
.popupPlayButtons .btnEsperti{
	background-image: url(../images/ico_level_esperti.png);
	background-size: auto 30%;
	background-repeat: no-repeat;
	background-position: center 94%;
	padding-bottom: 34px;
	padding: 10px 10px 34px 10px;
}
.phone.portrait .popupPlayButtons .btnEsperti{
	background-size: auto 40%;
}

.classificated .btnSfidaContainer .playai1, .popupPlayButtons .btnPrincipianti, .popupPlayButtons .btnTraining{
	border-bottom: 5px solid #ecb32c;
}
.classificated .btnSfidaContainer .playai2, .popupPlayButtons .btnBravi {
	border-bottom: 5px solid #d46e00;
}
.classificated .btnSfidaContainer .playai3, .popupPlayButtons .btnEsperti, .popupPlayButtons .btnSingle {
	border-bottom: 5px solid #e61818;
}
.classificated .btnSfidaContainer .playmulti, .popupPlayButtons .btnLeaders {
	border-bottom: 5px solid #0085af;
}
.clubs .btnSfidaContainer .playclubs, .popupPlayButtons .btnClubs {
	border-bottom: 5px solid #0f8d0f;
}
.popupPlayButtons .btnSocial {
	border-bottom: 5px solid #004584;
}
.popupPlayButtons .btnClubs {
	border-bottom: 5px solid #0e880e;
	min-height: 64px;
}


#playerlist {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	/*
	border:1px solid #8d542f;
	*/
	min-height: 304px;
	overflow:hidden;
}
.phone #playerlist {
	height: auto;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	border-radius: 0!important;
}
#playerlist .pListWrapper {
	max-height: 270px;
	min-height: 270px;
	overflow:auto;
}
.phone #playerlist .pListWrapper {
	max-height: inherit;
	overflow:visible;
}
/*
#FBplayerlist {
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	border:1px solid #8d542f;
	height: 305px;
	min-height: 305px;
	background: white\0/;
}
.phone #FBplayerlist {
	height: auto;
	padding-bottom:5px;
}
*/

#aiTab .topSingleLevelContainer .outerBox{
	padding:10px;
}
#aiTab .topSingleLevelContainer .outerBox .innerBox{
}
#aiTab .pnlHOF {
	min-height: 60px;
}
.phone #aiTab .outerBox {
	margin: 10px 0 0 0;
}
.phone #aiTab .innerBox {
	width:auto;
}
.phone #aiTab .pnlHOF button{
	line-height: 30px;
	float: none;
	margin:5px 0 0 0;
}
.playersList .bottomButtons {
	clear: both;
}
/*
.playersList.ismodal {
	margin-left:10px;
	margin-right:10px;
}
*/
.playersList ul {
	margin:0;
	padding: 0;
	list-style: none;
}
.playersList .playerItem{
	/*
	height:60px;
	*/
	margin:5px 0 0 5px;
	padding: 0 0 5px 0;
	text-align:left;
	overflow: hidden;
	/*
	color:#602913;
	*/
	/*
	color:#3C1910;
	*/
	width:32%;
	border-radius: 5px;
	float: left;
}
.phone.portrait .playersList .playerItem{
	height: auto;
	/*
	max-height: 70px;
	*/
	width:48%;
	margin:5px 0 0 5px;
}
.phone.portrait .playersList.all ul li{
	margin:5px 0 0 5px;
}

#friendsCol {
	margin-left: 8px;
	width: 24%;
	min-height: 341px;
}
body.phone #friendsCol {
	margin-left: auto;
	width: auto;
}
#friendsCol .playersList .playerItem{
	float: none;
	margin: 5px 5px 0 5px;
    width: auto;
}

.playersList .playerItem .dati {
	padding: 0 0 0 4px;
	margin:0px 0px 0 0;
	overflow: hidden;
	max-width: 94px;
	text-align: center;
}

.modalContentBox .playersList .playerItem .dati {
	max-width: 132px;
}
.phone .modalContentBox .playersList .playerItem .dati {
	max-width: 94px;
}
.playersList .playerItem .dati.new {
	margin:0;
}
.playersList .playerItem .dati.playersNum2 {
}
.playersList .playerItem .dati.playersNum4 {
}
.playersList .playerItem .dati p.name{
	margin: 0;
	padding: 0 6px 0 0;
	font-size:1.3rem;
	text-align: center;
	white-space: nowrap;
	text-overflow:clip;
	box-sizing:border-box;
	width: auto;
    padding-right: 0;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	line-height: 25px;
}
.playersList .playerItem .dati .minlevel{
}
#friendsCol .playersList .playerItem .dati p.name{
	width: auto;
}
.phone .playersList .playerItem .dati p.name{
	line-height:34px;
	font-size:1.4rem;
	width: auto;
    padding-right: 0;
    padding-bottom: 4px;
}
.playersList .playerItem .dati.new.playersNum4 p.name{
	line-height:24px;
	margin: 0 auto;
}
.playersList .playerItem .playersNum4 .minlevel{
	margin-top: 5px;
}
.phone .playersList .playerItem .dati.new.playersNum4 p.name{
	line-height:32px;
	font-size:1.8rem;
	text-align: center;
}
.playersList .playerItem .dati img, .playersList .playerItem img.icona{
	max-width:20px;
	max-height:20px;
	margin: 0;
	padding: 0;
}

.playersList .playerItem .tblHeader {
	margin: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 2px solid rgba(255,255,255,0.9);
	border-bottom-width: 0;
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	background-color: #555;
	color: #fff;
	text-shadow: 1px 1px 0 #222;
	text-align: center;
	font-family: oswald_regularregular;
	height: 20px;
    overflow: hidden;
}
.phone .playersList .playerItem .tblHeader {
	font-size: 14px;
}
.playersList .playerItem .lblVS {
	text-align: center;
	margin: 0;
    padding: 0;
    font-size: 20px;
    display: none;
}
.matchsettings .playersList .playerItem .lblVS {
    display: block;
}

.playersList .playerItem .thumbContainer  {
	margin: 5px 5px 0 5px;
	box-sizing: content-box;
}
.playersList .playerItem .thumbContainer .blabel, .friendsItems .friendItem .friendThumbContainer .blabel {
	position: absolute;
	height: 13px;
	width: 100%;
    bottom: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	line-height: 13px;
	font-size: 10px;
	background-color: #fff;
	color: #333;
	/*
	text-shadow: 1px 1px 0 #222;
	*/
    text-transform: uppercase;
	text-align: center;
	font-family: oswald_regularregular;
}
.friendsItems .friendItem .friendThumbContainer .blabel{
	height: 11px;
	line-height: 11px;
	font-size: 10px;
}
.playersList .playerItem .thumbContainer .blabel.choose {
	height: 20px;
	line-height: 22px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: 'Notably Absent', normal;
}

.blabel.online {
	background-color: #1da01d!important;
	color: #fff!important;
}
.blabel.busy {
	background-color: #ffd945!important;
}
.blabel.offline {
	background-color: #c7c7c7!important;
}

.phone .playersList ul.suggestedfriends li {

}

.playersList .playerItem .dati .label{
	line-height: 20px;
}
.phone .playersList .playerItem .dati .label{
	padding:6px;
	float:left;
	margin:2px 5px 0 0;
}
.phone .playersList .playerItem .dati .label-info{
	font-size:1.6rem;
}
.playersList .lblchat {

}
.phone .playersList .playerItem .dati .icon-comment{
    transform:scale(1.5,1.5);
    -ms-transform:scale(1.5,1.5); /* IE 9 */
    -moz-transform:scale(1.5,1.5); /* Firefox */
    -webkit-transform:scale(1.5,1.5); /* Safari and Chrome */
    -o-transform:scale(1.5,1.5); /* Opera */
    margin:0px 5px 0 5px;
}
/*
.playersList .playerItem .btn{
	float:right;
}
*/

.playersList .playerItem .lnkChallenge,
.playersList .playerItem .lnkDirectChallenge,
.playersList .playerItem .lnkRemove,
.playersList .playerItem .lnkAskFriendship,
.playersList .playerItem .lnkUnblockUser
 {
	line-height: 18px;
    font-size: 1.2rem;
}
.phone .playersList .playerItem .lnkChallenge,
.phone .playersList .playerItem .lnkDirectChallenge,
.phone .playersList .playerItem .lnkRemove,
.phone .playersList .playerItem .lnkAskFriendship,
.phone .playersList .playerItem .lnkUnblockUser
 {
	line-height: 34px;
    font-size: 1.3rem;
    margin-top: -5px;
    padding: 0 8px;
}
.playersList .h4, .modalpnl .h4 {
	font-size: 1.4rem;
	text-align: center;
	padding:2px 0 5px 0;
	margin:0 10px;
	line-height: 24px;
	clear:both;
}
.playersList .h4 {
	text-shadow:1px 1px #222;
}
.modalBody .playersList .h4 {
	text-shadow:none;
}
.playersList .h4.onlineusers {
	padding: 10px 0 5px 0;
}
/*
.phone .playersList .h4 {
	font-size: 18px;
}
*/
.playersList .btnInvita {
	margin-top:0px;
}
.playersList .btnAllPlayers {
	margin: 5px;
    line-height: 22px;
}

#homePanel .randomFbList {
	margin-top: 5px;
	padding: 0 7px 7px 1px;
	min-height: 137px;
}
.phone #homePanel .randomFbList {
	padding-top: 5px;
}
#homePanel .randomFbList ul li{
	margin:7px 0 0 7px;
	text-align: left;
	float: left;
	width: 190px;
}
.phone #homePanel .randomFbList ul li{
	float: none;
	width: auto;
}
.phone #homePanel .randomFbList ul li .dati{
	font-size:1.8rem;
}


#homePanel .bottombtncontainer{
	position: absolute;
    bottom: 10px;
    height: 30px;
    width: 100%;
    text-align: center;
}
body.phone #homePanel .bottombtncontainer{
	height: auto;
	position: static;
}
#homePanel .btnInviteFBFriends {
	margin-top: 3px;
}
#homePanel .bottomBtnContainer .btnInviteFBFriends {
	font-size: 1.8rem;
	line-height: 34px;
}
#homePanel .btnAmiciCont {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	float: left;
	padding: 0 7px 7px 7px;
	margin-left:5px;
}
#homePanel .btnAmiciCont.right {
	float: right;
	margin-right:5px;
}
#homePanel .btnAmiciCont .btnSfidaAmici{
	line-height: 26px;
}
.phone #homePanel .btnAmiciCont {
	float:none!important;
	margin:0;
	padding: 0;
	background: none;
}
.phone #homePanel .btnAmiciCont .btn{
	margin-top:10px;
}


img.playerthumb {
	background: url("../images/avatars/0.jpg") no-repeat center;
	background-size:100% 100%;
	cursor:pointer;
	margin:5px;
	border:1px solid #222;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    box-sizing: border-box;

	min-width:50px;
	min-height:50px;
	max-width:50px;
	max-height:50px;
}
.phone img.playerthumb {
	width:60px;
	height:60px;
	min-width:60px;
	min-height:60px;
	max-width:60px;
	max-height:60px;
}



.userdata .imagecol {
	width:65px;
}
.phone .userdata .imagecol {
	width:70px;
}

.userdata .btnLogin {
	margin-top: 2px;
	line-height: 18px;
}

/*
.txtbeginner{
	margin:0;
}
.txtmiddle{
	margin:0;
}
.txtadvanced{
	margin:0;
}
.txtmulti{
	margin:0;
}
*/
.userdataContainer .txtbeginner{
	display: none;
}
.userdataContainer .txtmiddle{
	display: none;
}
.userdataContainer .txtadvanced{
	display: none;
}
.userdataContainer .txtmulti{
	display: none;
}
.userdataContainer.multi .txtmulti{
	display: block;
}
.userdataContainer.multi .txtmulti{
	display: block;
}
.userdataContainer.beginner .txtbeginner{
	display: block;
}
.userdataContainer.middle .txtmiddle{
	display: block;
}
.userdataContainer.advanced .txtadvanced{
	display: block;
}
.userdataContainer.multi .txtmulti{
	display: block;
}

.userdataContainer .userdata{
	/*
	border:1px solid #8d542f;
	margin:0 5px 5px 5px;
	*/
	text-align:left;
	background: white;
}
.userdataContainer .userdata .nameContainer {
	overflow: hidden;
}
.userdataContainer .userdata img{
	/*
	border:1px solid #000;
	*/
	float:left;
	margin:5px;
	width:55px;
	height:55px;
	min-width: 55px;
	min-height: 55px;
}
.phone .userdataContainer .userdata img{
	width:60px;
	height:60px;
	min-width: 60px;
	min-height: 60px;
}
.userdataContainer .userdata .dati{
	overflow: hidden;
}
.userdataContainer .userdata .dati .progress.elo,
.playerdetails .progress.elo,
.topSingleLevelContainer .progress.elo {
	margin-right: 5px;
	margin-top:7px;
	margin-bottom:5px;
	cursor:pointer;
    border-radius: 6px;
    overflow: visible;
}
.userdataContainer .userdata .dati .progress.elo .eloscore{
	font-size: 1.4rem;
	line-height: 22px;
	text-shadow:none;
	text-align: center;
}
.userdataContainer .userdata .dati p.pname{
	margin:0;
}
.userdataContainer .userdata .dati .progress p.lbllevel{
	line-height:20px;
}
.userdataContainer .userdata p.pname{
	font-size:1.7rem;
	line-height: 24px;
	padding-top:4px;
	white-space: nowrap;
	text-overflow:clip;
	width: 180px;
	text-shadow:
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff;  
}
.userdataContainer .userdata p.pname.gold, .playerdetails p.pname.gold{
	padding-left: 30px;
	background-image: url(../images/ico_gold.png);
	background-repeat: no-repeat;
	background-position: left 2px;
    background-size: auto 94%;
}
.userdataContainer .userdata p.pname.fixaccount, .playerdetails p.pname.fixaccount{
	padding-left: 30px;
	background-image: url(../images/alert.png);
	background-repeat: no-repeat;
	background-position: left 2px;
    background-size: auto 94%;
}
.playerdetails p.pname.gold, .playerdetails p.pname.fixaccount{
	background-position: left 0px;
    background-size: auto 100%;
}

.phone .userdataContainer .userdata p.pname.gold, .phone .userdataContainer .userdata p.pname.fixaccount{
	background-position: left center;
	padding-left: 36px;
	line-height: 28px;
}
.userdataContainer .userdata .btnUserProfile{
	font-size:1.4rem;
	line-height: 20px;
	margin-top:0px;
	background-image: none;
}

.btnSfidaContainer {
	margin:0px;
	overflow:visible;
	white-space: nowrap;
	text-align: right;
	margin-left:5px;

}
.phone .btnSfidaContainer {
	margin: 10px 10px 5px 10px;
}
.phone.landscape .btnSfidaContainer {
    margin: 5px 10px 5px 0;
}
.btnSfidaContainer .btn{
	line-height: 22px;
	font-size:1.6rem;
	padding-top:9px;
	padding-bottom:8px;
	display: block;
	text-transform: uppercase;
	border:none;
	background-image:none;
	color:#fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.phone .btnSfidaContainer .btn{
	margin: 0;
	display: block;
	font-size: 1.8rem;
	line-height: 23px;
	padding-top:10px;
	text-align: center;
}
.phone.landscape .btnSfidaContainer .btn{
	font-size: 1.6rem;
}
.classificated .btnSfidaContainer .btn {
	line-height: 23px;
	/* background-image: url(../images/ico_partita_classificata.png); */
	background-position: 10px center;
	background-size: auto 70%;
	background-repeat: no-repeat;
	/* padding-left: 50px; */
}
.btnSfidaContainer .btn.play {
	background-color: #ff4d4d;
	border-bottom: 5px solid #d52b2b;
}
.btnSfidaContainer .btn.dontplay {
	background-color: #ff4d4d;
	border-bottom: 5px solid #d52b2b;
}
.btnSfidaContainer .btn.playrandom {
	padding-left:5px;
	padding-right:5px;
	background-color: #ffc100;
	border-bottom: 5px solid #d99800;
}
.btnSfidaContainer .btn.playfriends {
	background-color: #2b6bb3;
	border-bottom: 5px solid #004584;
}

.btnSfidaContainer .btn.hidden{
	display:none;
}
.btnSfidaContainer .btn.visible{
	display:block;
}

/* .phone.portraint .modal_gt.matchSettingsType {
	margin-left: 10px;
	margin-right: 10px;
} */
.modal_gt.matchSettingsType .modalHeader{
	/* border: 2px solid #222; */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.modal_gt.matchSettingsType .modalFooter {
	background-color: transparent;
	height: 70px;
}

.modal_gt.matchSettingsType .modalFooter .btn {
	padding: 10px;
	margin-top: 6px;
}

.modal_gt.matchSettingsType.onlineq .modalHeader {
	background-color: #ff4d4d;
}
.modal_gt.matchSettingsType.classificated .modalHeader {
	background-color: #00a6d7;
}
.modal_gt.matchSettingsType.random .modalHeader {
	background-color: #ffc100;
}
.modal_gt.matchSettingsType.friends .modalHeader {
	background-color: #2b6bb3;
}
.modal_gt.matchSettingsType.training .modalHeader {
	background-color: #ffcc00;
}
.modal_gt.matchSettingsType.single.level3 .modalHeader {
	background-color: #ff4d4d;
}
.modal_gt.matchSettingsType.single.level2 .modalHeader {
	background-color: #f57f31;
}
.modal_gt.matchSettingsType.single.level1 .modalHeader {
	background-color: #ffcc00;
}


.userdataContainer.multi .matchbtns .label{
	font-size:1.6rem;
}
.userdataContainer.multi .matchbtns button{
	margin-top:5px;
}

.startpanel .halltitle{
	clear: both;
	line-height:22px;
	font-size: 2.0rem;
	/*
	font-family: 'rammetto_oneregular' !important;
	*/
	margin:0;
	padding: 0 5px;
	text-transform: uppercase;
}
.startpanel .hofCol .halltitle{
	line-height:1.3rem;
	font-size:1.4rem;
	padding: 0;
	/*
	font-family: 'rammetto_oneregular' !important;
	*/
	overflow: hidden;
	margin:-3px -5px 0 -5px;
}

.startpanel .halltitlemonth {
	display:block;
}
.phone .startpanel .halltitlemonth {
	display:inline;
}
.startpanel .halltitlemonth:first-letter {
	text-transform: uppercase;
}

.phone .startpanel .halltitle{
	line-height:50px;
	font-size:2.0em!important;
	padding: 0;
	margin-bottom: -5px;
}

.startpanel .boxtitle{
	text-align: center;
	font-size:1.6rem;
	line-height: 26px;
	margin:5px 0 0 0;
}

.pnlHOF .hallbox {
	text-align:left;
	padding:5px;
	margin-top:5px;
	font-size:1.1rem;
	overflow: hidden;
	min-height: 42px;
}
.pnlHOF .hallbox img.playerthumb{
	width:46px;
	height:46px;
	max-width:46px;
	max-height:46px;
	min-width:46px;
	min-height:46px;
	margin:0 5px 0 0;
	background: url("../images/avatars/0.png") no-repeat center;
	background-size:100% 100%;
}
.pnlHOF.Multi .hallbox img{
	margin-right:0;
	margin-bottom: 0;
    margin-top: 0;
	float: right;
}
.pnlHOF .hallbox .num{
	font-size:2.2rem;
	line-height:40px;
	color:#222;
	display: block;
	text-align: center;
	width: 20px;
	float: left;
}
.phone .pnlHOF .hallbox .num{
	line-height:34px;
	width: 30px;
}
/*
.pnlHOF .first .num, .pnlHOF .hlbox0 .num{
	font-size:32px;
}
*/
.pnlHOF .hallbox div {
	clear:both;
}
.phone .pnlHOF .hallbox div {
	clear:none;
	margin-left: 5px;
}
#muTab .pnlHOF .hallbox div span.name {
	display:block;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.3rem;
	line-height: 23px;
	display: block;
}
#aiTab .pnlHOF .hallbox div span.name {
	display:block;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.4rem;
	line-height: 24px;
	display: block;
}
#muTab .pnlHOF .hallbox div span.score{
	background: url(../images/denaro.png) no-repeat left center;
	background-size: auto 100%;
	padding-left:20px;
	line-height: 14px;
	font-size: 1.4rem;
	display: block;
}
#aiTab .pnlHOF .hallbox div span.score{
	background: url(../images/denaro.png) no-repeat left center;
	background-size: auto 100%;
	padding-left:20px;
	line-height: 18px;
	font-size: 1.4rem;
	display: block;
}
.phone #muTab .pnlHOF .hallbox div span.name {
	font-size: 1.8rem;
	line-height: 30px;
}
.phone #muTab .pnlHOF .hallbox div span.score{
	line-height: 24px;
	padding-left:30px;
	font-size: 2.0rem;
}
.phone #aiTab .pnlHOF .hallbox div span.name {
	font-size: 1.6rem;
	line-height: 28px;
}
.phone #aiTab .pnlHOF .hallbox div span.score{
	line-height: 28px;
	padding-left:30px;
	font-size: 1.6rem;
}

.phone .pnlHOF .hallbox {
	font-size:1.6rem;
	line-height: 30px;
}
.phone #muTab .pnlHOF .hallbox div{
	margin-top:0px;
	margin-left:26px;
}

.phone .pnlHOF .hallbox img{
	margin:0 0 0 0;
	width:60px!important;
	height:60px!important;
	max-width:60px!important;
	max-height:60px!important;
}


.pnlHOF.Principianti,.pnlHOF.Bravi,.pnlHOF.Esperti {
	padding:5px 5px 5px 5px;
	margin:8px 0 0 0;
	font-size:1.1rem;
}

.pnlHOF.Principianti {
}
.pnlHOF .pnlHOF button {
	margin-top:5px;
	height:60px;
	width:100%;
}
.phone .pnlHOF .pnlHOF {
	margin:0 10px 10px 10px;
}
.phone .pnlHOF .pnlHOF.beginner {
	padding-bottom:5px;
}
.phone .pnlHOF .pnlHOF button {
	margin:5px 0;
	height:auto;
	width:100%;
}


.txtpage p, .txtpage ul li, .txtpage.info ul li{
	font-family: sans-serif;
	font-size:1.2rem;
	text-shadow: none;
}
.txtpage p {

}
.txtpage a, .txtpage .btn{
	/*
	font-family:Verdana, Arial, Helvetica, sans-serif;
	*/
	font-size:1.3rem;
	margin-bottom: 2px;
    margin-top: 2px;
    text-shadow: none;
    display: inline-block;
}
.txtpage h3,.txtpage h5{
	line-height: 30px;
	text-shadow: none;
	font-size: 1.4rem;
}

.frmFeedback {
}
.frmFeedback p,.frmFeedback input,.frmFeedback textarea{
	font-family: inherit;
}
.frmFeedback h4{
	margin:0;
}
.frmFeedback .help-block{
	color:#fff;
}
.frmFeedback #photos-input{
	max-width:220px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.phone.portrait .frmFeedback #photos-input{
	max-width:inherit;
	width: 99%;
}


.modal-backdrop, .modal-backdrop.fade.in {
	position: absolute;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 1151;
}
.bootbox.modal {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	overflow: visible!important;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); /*disable tap higlight on android*/
	-webkit-tap-highlight-color: transparent;  /* i.e. Nexus5/Chrome and Kindle Fire HD 7" */
	z-index: 1152;
	position: absolute;
}
.modal-dialog {
	border-radius: 6px;
    background-color: #ffffff;
	padding: 1px;
}
.modal-dialog .modal-content {
	border-radius: 6px;
    border: 4px solid #222222;
}
.bootbox.modal .modal-content{
	/* border: 2px solid #291a09; */
	background: #ebebeb url(../images/pattern_popup_waves.png) repeat center;
}
.bootbox .modal-body {
	font-size:1.8rem;
	color:#222;
	border:0;
	padding:0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	overflow-y: inherit;
}
.bootbox.withscroll .modal-body {
	overflow-y: auto;
}
.bootbox .bootbox-close-button {
	display: none;
}
.bootbox .modal-body p{
	text-align: center;
	margin:10px 5px;
	line-height: 26px;
	font-size: 1.6rem;
}
.bootbox .modal-body .outerBox{
	padding: 10px;
	background: rgba(255,255,255,0.2);
}
.bootbox .modal-footer {
	padding:10px 15px;

  /*
  background: url(../images/seamless-texture-legno-per-popup.png) repeat center;
  */
  background-color: #1d1d1d;
	border:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-align: center;
	padding-bottom:0;
}
.bootbox .modal-footer .btn{
	line-height: 26px;
	background-image: none;
	border: none;
	white-space: nowrap;
	text-shadow: 1px 1px 0 #222;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); /*disable tap higlight on android*/
	-webkit-tap-highlight-color: transparent;  /* i.e. Nexus5/Chrome and Kindle Fire HD 7" */
	margin-bottom:10px;
	/* text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354; */
	letter-spacing: 1px;
}
.bootbox .modal-footer .btn{
}
.touch .bootbox .modal-footer .btn{
	line-height: 26px;
}
.phone .bootbox .modal-footer .btn{
	line-height: 26px;
}
.bootbox .modal-footer .btn.noshadow{
	text-shadow: none;
}
.bootbox .modal-body p.heading {
	margin-top: -10px;
	margin-bottom: -10px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-align: center;
}
.bootbox .modal-body p.heading span {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    padding-left: 46px;
    background: url(../images/icon_heads.png) no-repeat left center;
    background-size: auto 80%;
    display: inline-block;
}

.bootbox .modal-body img.icoGame{
	min-width: 80px;
	min-height: 80px;
	max-width: 80px;
	max-height: 80px;
	border-radius: 5px;
	border: 1px solid #222;
}

.bootbox .directChallengeTpl {
	margin:0;
}
.bootbox .directChallengeTpl .playerthumb {
	margin-bottom:0;
}
.bootbox .directChallengeTpl .descriptionChallenge {
	margin:0;
	font-size: 1.6rem;
	line-height: 18px;
}
.phone .bootbox .directChallengeTpl .descriptionChallenge {
	font-size: 1.4rem;
}
.bootbox .directChallengeTpl .chDesc {
	margin:0;
	font-size: 1.2rem;
    background-color: #fff;
    margin-top:5px;
    line-height: 20px;
	font-family: oswald_regularregular;
	text-transform: capitalize;
}

.bootbox .modal-body .btbHead {
	position: relative;
	text-align: center;
	line-height: 40px;
	margin: 0;
	padding: 0;
	font-size: 1.8rem;
	color: #fff;
	background-color: #ff3e3e;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-shadow: 1px 1px #333;
}
.bootbox .modal-body .btbHead .btbXbtn{
	display: block;
	cursor: pointer;
	position: absolute;
	right: -12px;
	top: -12px;
	background-color: #333;
	color: #fff;
	padding: 0 10px;
	font-size: 2rem;
	line-height: 36px;
	border: 1px solid #222;
	border-radius: 28px;
	text-shadow: 1px 1px #333;
}

.bootbox .modal-body .btbHead.jackpot.expert {
	background-color:#ff4d4d;
}
.bootbox .modal-body .btbHead.jackpot.multiplayer {
	background-color:#00a6d7;
}
.bootbox .directChallengeTpl .chDesc {
	margin:5px 0 0 0;
	padding: 5px 2px;
	border-radius: 5px;
	font-size: 1.2rem;
    background-color: #fff;
    line-height: 20px;
	font-family: oswald_regularregular;
	text-transform: capitalize;
}

.gt_dropdown {

}
.gt_dropdown .innerDropdown{
	white-space:nowrap;
	border-radius: 6px 6px 0 0;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
.phone .gt_dropdown .innerDropdown{
	border-radius: 0;
	padding-top: 10px;
}
.gt_dropdown .innerDropdown span{
	font-size: 1.4rem;
}
.gt_dropdown .innerDropdown .btn{
	white-space: nowrap;
}
.gt_dropdown .innerDropdown span.lblstanza{
	text-shadow: 3px 0 4px #51230c;
	color: #ffd200;
}
.gt_dropdown .caret{
	border-top-color: #222;
	opacity:1;
}
.gt_dropdown.up .caret{
	border-bottom-color: #222;
	opacity:1;
}
.gt_dropdown .btnsi-brown-dark .caret{
	border-top-color: #fff;
	opacity:1;
}
.gt_dropdown .dropdown-menu{
	white-space:nowrap;
	text-align: left;
	text-shadow:none;
	width:100%;
}
.gt_dropdown img{
	width: 26px;
	height: 26px;
}
.phone .gt_dropdown img{
	width: 26px;
	height: 26px;
}
.gt_dropdown .dropdown-menu li a{
	line-height:30px;
}
.gt_dropdown .dropdown-menu li a:hover {
	color: #fff;
}
.gt_dropdown .dropdown-menu::before {
	border:none;
}
.gt_dropdown .dropdown-menu::after {
	border:none;
}

.gt_dropdown p.h4 {
	margin:0;
	padding: 0;
	font-size: 1.6rem;
	text-align: center;
	color:inherit;
	line-height: 28px;
}


#blockui {
	display:none;
	position:absolute;
	z-index:99999999999;
	width:100%;
	height:100%;
	background-color: #000;
}
#blockui h1 {
	text-align:center;
	margin-top:20%;
	padding:0 10%;
	color:#fff;
}




#wrapper {
    width:100%;
    height:100%;
    overflow:hidden;

	-webkit-overflow-scrolling: touch; /*adding this line will enable inertial scrolling*/
}

#scroller {
    padding:0 0 20px 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	min-height:100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;

	-webkit-overflow-scrolling: touch; /*adding this line will enable inertial scrolling*/
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

#muTab {
    width:100%;
    height:100%;
    /*
    overflow:auto;
	*/
	-webkit-overflow-scrolling: touch; /*adding this line will enable inertial scrolling*/
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

#scrollerTabMu {
/*    -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    padding:0;
    width:100%;
}
#scrollerTabMu .topbox{
	padding: 5px;
}
.phone #scrollerTabMu .topbox{
	margin:10px 0;
	padding: 5px 0;
	border-radius: 0;
}

#scrollerTabCl {
/*    -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    padding:0;
    width:100%;
}
#scrollerTabCl .topbox{
	padding: 5px;
}
.phone #scrollerTabCl .topbox{
	margin:10px 0;
	padding: 5px 0;
	/* border-radius: 0; */
}
.tabWrapper .topDetailsContainer{
	height: 67px;
}
.tabWrapper .topDetailsContainer p{
	margin: 0;
	padding: 5px 0 0 0;
}

#aiTab {
    width:100%;
    height:100%;
    /*
    overflow:auto;
	*/
	-webkit-overflow-scrolling: touch; /*adding this line will enable inertial scrolling*/

  -ms-overflow-style: -ms-autohiding-scrollbar;
}

#scrollerTabAi {
/*    -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    width:100%;
    padding:0;
}



a.alert-block.lnk {
	padding:3px;
	color:brown;
}
a.alert-block.lnk:hover {
	color:brown;
}

.dropdown-menu {
	background-size: 100% 100%;
}
.dropdown-menu li a {
	text-align: center;
	font-size: 1.5rem;
}
.phone .dropdown-menu li a {
	line-height: 36px;
}
.dropdown-menu li a:hover {
	background: #222;
	text-shadow: none;
}


/*fix spazio destro colonna amici su start panel*/
@media (max-width: 979px) and (min-width: 768px) {
	.row-fluid .span2 {
		width: 14.893617021276595%;
	}
	.row-fluid .span5 {
		width: 40.42553191489362%;
	}
}

.fontsizetools {
	position:absolute;
	z-index: 1042;
	right: 30px;
	top:50px;
	width:100px;
}


.playerdetails {
	overflow:hidden;
}
.playerdetails .innerBox{
	margin-top:0;
	overflow: hidden;
}
.playerdetails .dati{
	overflow:hidden;
}
.playerdetails .dati button{
	margin-top:5px;
}
.playerdetails .imgcont{
	float:left;
	text-align: center;
}
.playerdetails .imgcont img{
	margin:0 10px 0px 0;
	display: block;
	cursor: pointer;
	max-width: 100px;
	max-height: 150px;
	min-width: 100px;
	min-height: 100px;
}
.playerdetails .imgcont img.modify{
	margin:0 10px 0px 0;
	border:3px solid #000;
	display: block;
	cursor: pointer;
}
.playerdetails .imgcont img.hover{
	border:3px solid #fff;
}
.playerdetails .imgcont .btn{
	font-size: 1.2rem;
	line-height: 16px;
}
.playerdetails p{
	font-size:1.4rem;
	line-height: 24px;
	margin-bottom: 0;
}
.playerdetails p.pname{
	font-size:1.8rem;
	margin: 0;
	/* white-space: nowrap; */
	text-overflow: clip;
    width: 326px;
}
.phone .playerdetails p.pname{
	font-size:1.6rem;
	/* width: 240px; */
}
.playerdetails .txtmulti span, .playerdetails .partgioc span{
	font-size:1.8rem;
}
.playerdetails .tblPunteggi{
	text-align: center;
	font-size:1.2rem;
}

.playerdetails .globalPointsContainer{
	text-align: center;
	margin-top: -10px;
}
.playerdetails .globalPointsContainer p.text{
	font-weight: normal;
	font-family: sans-serif;
}
.playerdetails .btnContainer{
	text-align: center;
}
.playerdetails .btn{
    margin-top: 5px;
    font-size: 1.2rem;
    padding-top: 3px;
    padding-bottom: 3px;
}
.playerdetails .btnSignupOrSignin{
	padding: 5px 10px;
	font-size: 1.6rem;
}
.playerdetails .btnContainer .btnEnterClub {
	font-size:1.6rem;
	padding: 8px;
	text-shadow: 0 0 black;
}
.playerdetails .btnContainer .btnLeaveClub {
	text-shadow: 0 0 black;
}

.playerdetails .alertdiv {
	border-radius: 10px;
	border: 1px solid #666;
	padding: 10px;
    margin-top: 10px;
    background: #eee;
}
.playerdetails .alertdiv p{
	margin-top: 0;
}

.modalContentBox.pnlAvatars {
	margin-left: 0;
	margin-right: 0;
}
.avatars {
	text-align: center;
	margin:0;
}
.avatars .outerBox{
	padding:10px;
}
.avatars ul{
	list-style: none;
	margin: 0;
	padding: 10px 0 30px 0;
	float: left;
}
.avatars ul li{
	list-style: none;
	margin: 10px 0 0 10px;
	padding: 0;
	float:left;
}
.avatars img{
	width: 100px;
	height: 100px;
	border:3px solid #000;
	border-radius:5px;
	margin: 8px 0 0 8px;
	cursor: pointer;
	opacity: .7;
}
.avatars img.selected{
	border:3px solid #ff0000;
	opacity: 1;
}

.phone .scroller .innerTabContent {
	/* width:100%; */
	padding-bottom: 60px;
}
.phone.portrait .scroller .innerTabContent {
	width:auto;
}
.phone.landscape .scroller .innerTabContent {
	/* padding: 0 15%; */
	width:70%;
	margin-left: auto;
	margin-right: auto;
}
.phone.landscape .halloffame {
	width:70%;
	margin-left: auto;
	margin-right: auto;
}
.phone.landscape .homeContent .halloffame {
	width:auto;
}

.phone #clTab .scroller .innerTabContent {
	padding-bottom: 0;
}

#bannerVideo p, #bannerVideo a, #bannerVideo a:active {
	font-size: 1.6rem;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#bannerVideo p.remAds {
	font-family: sans-serif;
	font-size: 1.4rem;
	margin: 0;
	padding: 3px 10px;
	background-color: #000;
	text-shadow:none;
	cursor: auto;
	display: none;
}
#bannerVideo p.remAds .btn{
	font-family: sans-serif;
	font-size: 1.4rem;
	line-height: 18px;
}
body .zocial {
	font-size:1.1rem;
	line-height: 30px;
}

.btnLoginContainer {
	text-align: center;
}
.loginPnl .btnCheckEmail{
    line-height: 22px;
    padding: 6px 20px;
}
.loginPnl .btnLostPassword{
	font-size: 1.0rem;
    line-height: 22px;
    padding: 6px 20px;
}
.loginPnl .btnAccedi{
    padding: 6px 20px;
}
.loginPnl .btnRegistrati, .loginPnl .btnValidateOtp, .loginPnl .btnSavePassword, .loginPnl .btnLostPassword, .loginPnl .btnCancelOtp {
	text-shadow: none;
    font-family: oswald_regularregular;
    padding: 6px 20px;
}
.loginPnl .btnCancelReg, .loginPnl .btnUpdateEmail {
	text-shadow: none;
    font-family: oswald_regularregular;
    padding: 6px 20px;
}
.loginPnl .resultText, .loginPnl .resultTextReg, .loginPnl .resultTextLogin, .loginPnl .resultTextOtp, .loginPnl .resultTextPwd {
	text-align:center;
	margin-top:0px;
	font-size: 1.4rem;
	color: red;
}

.loginPnl h4{
    font-family: oswald_regularregular;
}
.btnLoginContainer .zocial{
	margin-top: 5px;
	font-size: 1.1rem;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    font-family: oswald_regularregular;
}
.btnLoginContainer .btn{
	font-size: 1.1rem;
    font-family: oswald_regularregular;
	line-height: 26px;
}

.spaghettiGamesList ul {
	margin:0;
	padding:0;
	list-style: none;
	text-align: center;
}
.spaghettiGamesList ul li{
	list-style: none;
    width: 218px;
    margin: 5px 5px 0 5px !important;
    display: inline-block;
    border-radius: 5px !important;
    box-sizing: border-box;
}
.phone .spaghettiGamesList ul li{
	width: 46%;
	padding: 6px!important;
}
.spaghettiGamesList ul li.disabled{
	background-color: rgba(255, 255, 255, 0.5);
}
.spaghettiGamesList ul table td{
	text-align:left;
}
.spaghettiGamesList ul li .gamethumb{
	max-width:70px;
	min-width:70px;
	margin-right: 10px;
	border-radius: 6px;
    border: 1px solid #333;
}
.phone .spaghettiGamesList ul li .gamethumb{
	max-width:60px;
	min-width:60px;
	margin-right: 6px;
}
.spaghettiGamesList .dati {
	text-align: center;
}
.spaghettiGamesList .dati p{
	margin:0;
}
.spaghettiGamesList .dati .gamename{
	font-size: 1.3rem;
	line-height: 20px;
}
.phone .spaghettiGamesList .dati .gamename{
	font-size: 1.4rem;
	line-height: 17px;
	height: 34px;
}
.spaghettiGamesList .dati .gamedetails{
	font-size: 1.4rem;
	line-height: 24px;
}
.spaghettiGamesList .dati .btnLaunchGame{
	font-size: 1.3rem;
	line-height: 20px;
}
.phone .spaghettiGamesList .dati .btnLaunchGame{
	font-size: 1.0rem;
}

.inbox ul {
	margin:0;
	padding: 0;
	list-style: none;
}
.inbox ul li {
	list-style: none;
	position:relative;
}
.inbox .innerBox .dati p{
	font-size: 1.4rem;
	line-height: 25px;
	margin:0;
	padding:0;
}
.phone .inbox .innerBox .dati p{
	font-size: 1.6rem;
}
.inbox .innerBox .dati p span{
	/*
  font-family: 'rammetto_oneregular';
  */
	font-size: 1.4rem;
}
.phone .inbox .innerBox .dati p span{
	font-size: 1.6rem;
}
.inbox .innerBox .dati p.body{
	font-size: 1.2rem;
	text-align: center;
	margin-top: 5px;
	font-family: oswald_regularregular;
}
.inbox ul li .lnkOpenMsg{
	position:absolute;
	right: 10px;
	top: 10px;
}
.inbox .innerBox .imgthumb{
	height:60px;
	width:60px;
	min-width: 60px;
	min-height: 60px;
	max-width: 60px;
	max-height: 60px;
	margin:0;
	padding: 0;
}
.inbox .innerBox .imgthumb.left{
	background: url("../images/avatars/0.jpg") no-repeat center;
	background-size:100% 100%;
	margin:0 10px 0 0;
}
.inbox .innerBox .imgthumb.right{
	background: url("../images/ico_spaghetti.png") no-repeat center;
	background-size:100% 100%;
	margin:0 0 0 10px;
}
.inbox .msgBody{
	font-size: 1.4rem;
	font-family: sans-serif;
}
.inbox .h4{
	font-size: 1.6rem;
	text-align: center;
}
.inbox .inboxWrapper table p{
	margin:0;
	font-size: 1.3rem;
	text-shadow:none;
	font-family: oswald_regularregular;
}
.inbox .inboxWrapper p.datetime {
	font-size:1.0rem!important;
	color: #999;
}
.inbox .inboxWrapper p.subject {
	font-size:1.1rem!important;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	border-radius: 4px;
	text-shadow: 1px 1px #222;
}
.inbox .inboxWrapper p.subject.friendask {
	background-color: #ffca00;
    color: #333;
	text-shadow: 1px 1px #fff;
}
.inbox .inboxWrapper p.subject.friendaccepted {
	background-color: #5bb75b;
}
.inbox .inboxWrapper p.subject.frienddeclined {
	background-color: #da4f49;
}
.inbox .inboxWrapper p.subject.challenge {
	background-color: #2e7fe6;
}
.inbox .inboxWrapper p.subject.surpassedleaderboard {
	background-color: #da4f49;
}
.inbox .inboxWrapper p.subject.invitetofriendaccepted {
	background-color: #5bb75b;
}
.inbox .inboxWrapper p.subject.invitetofriendcompleted {
	background-color: #5bb75b;
}
.inbox .inboxWrapper p.subject.rewardmonthlyleaderwinner {
	background-color: #ff5722;
}
.inbox .inboxWrapper .dati {
	clear:both;
}
.inbox .inboxWrapper .dati .msgbody {
	line-height: 18px;
	margin:10px 0 0 0;
}
.inbox .inboxWrapper .dati .buttons {
	text-align: center;
	margin-top:10px;
}
.inbox .inboxWrapper .dati .buttons .btn{
	text-shadow:1px 1px #222;
}
.inbox .inboxWrapper .dati .buttons .btn.big{
	font-size: 2.0rem;
	line-height: 30px;
}
.inbox .inboxWrapper .dati .buttons .btn.small{
	font-size: 1.4rem;
	line-height: 20px;
}
.inbox .inboxWrapper .dati .lbl_prizes {
	line-height: 40px;
	margin:10px 0 0 0;
	text-align: center;
}
.inbox .inboxWrapper .dati .lbl_prizes img{
	max-width: 40px;
	max-height: 40px;
	vertical-align: middle;
}

.progress.elo {
	margin-bottom:0;
	position: relative;
	height: 24px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,e5c32b+50,00ce00+100 */
	background: #333; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1YzMyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGNlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #ff0000 0%, #e5c32b 50%, #00ce00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(50%,#e5c32b), color-stop(100%,#00ce00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ff0000 0%,#e5c32b 50%,#00ce00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ff0000 0%,#e5c32b 50%,#00ce00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ff0000 0%,#e5c32b 50%,#00ce00 100%); /* IE10+ */
	background: linear-gradient(to right, #ff0000 0%,#e5c32b 50%,#00ce00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00ce00',GradientType=1 ); /* IE6-8 */
	border-radius: 4px 4px 0 0;
	border: 1px solid #222;
}
.phone .progress.elo {
	height: 24px;
}
.progress.elo .amount {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width:100%;
  background: #333;
  border-radius: 0 4px 4px 0;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}
.progress.elo:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align: center;
  line-height: 31px;
}

.progress.level {
	margin-bottom:0;
	overflow: visible;
	height:22px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8502e+0,fcd62f+10,fcd62f+18,2fdd23+44,20b0c9+70,35ddff+100 */
	background: #e8502e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NTAyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2ZjZDYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2ZjZDYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzJmZGQyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzIwYjBjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNWRkZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #e8502e 0%, #fcd62f 10%, #fcd62f 18%, #2fdd23 44%, #20b0c9 70%, #35ddff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8502e), color-stop(10%,#fcd62f), color-stop(18%,#fcd62f), color-stop(44%,#2fdd23), color-stop(70%,#20b0c9), color-stop(100%,#35ddff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #e8502e 0%,#fcd62f 10%,#fcd62f 18%,#2fdd23 44%,#20b0c9 70%,#35ddff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #e8502e 0%,#fcd62f 10%,#fcd62f 18%,#2fdd23 44%,#20b0c9 70%,#35ddff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #e8502e 0%,#fcd62f 10%,#fcd62f 18%,#2fdd23 44%,#20b0c9 70%,#35ddff 100%); /* IE10+ */
	background: linear-gradient(to right, #e8502e 0%,#fcd62f 10%,#fcd62f 18%,#2fdd23 44%,#20b0c9 70%,#35ddff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8502e', endColorstr='#35ddff',GradientType=1 ); /* IE6-8 */

	border-radius: 4px 4px 0 0;
}
.phone .progress.level {
	height: 24px;
}
.progress.level .amount {
	height:100%;

	max-width: 94%;
  	float: right;
	background: #BDBDBD;

  	border-radius: 0 4px 0 0;
  /*
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    */
}
/* .progress.elo .amount {
	height:20px;

	max-width: 96%;
	min-width: 5%;
  	float: right;
	background: #BDBDBD;

  border-radius: 0 4px 4px 0;
} */
.progress.level .amount p {
	margin-top:-4px;
	margin-left:-12px;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 36px;
	/*
	background: #222;
    border-radius: 4px 4px 0 0;
	color:#fff;
	text-shadow:none;
	*/
	background-image: url(../images/stellina_livello.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 100;
    position: relative;
}

.progress.elo .score {
	position: absolute;
	width: 100%;
	line-height: 24px;
	text-align: left;
	padding-left: 5px;
    border-radius: 5px;
	color:#fff;
	text-shadow:none;
	font-size:1.2rem;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354; 
}
.phone .progress.elo .score {
	line-height: 24px;
}

.progress.levelcompletebar {
	position: relative;
	background-image: none;
	background-color: #222;
	-webkit-box-shadow:none;
	box-shadow:none;
	height:22px;
	border-radius: 4px;
	margin: 8px 5px 6px 10px;
	border: 1px solid #222;
	box-sizing: border-box;
	overflow: visible;
	cursor: pointer;
	text-align: center;
}
.phone .progress.levelcompletebar {
	height:24px;
}
.progress.levelcompletebar .bar{
	background-image: none;
	background-color: #0394de;
	-webkit-box-shadow:none;
	box-shadow:none;
	height: 20px;
	margin-top: 0;
	border-radius: 4px;
	border-top: 8px solid #42b1e8;
    box-sizing: border-box;
	text-align: center;
}
.phone .progress.levelcompletebar .bar{
	height: 22px;
}
.progress.levelcompletebar .score {
	position: absolute;
	top: 0;
    left: 0;
	width: 100%;
    height: 20px;
    font-size: 1.2rem;
    line-height: 20px;
	text-align: center;
	padding-left: 10px;
	z-index: 101;
	cursor: pointer;
	color: #fff;
	text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
}
.phone .progress.levelcompletebar .score {
    height: 22px;
    font-size: 1.3rem;
    line-height: 22px;
}
.progress.levelcompletebar .amount {
	position: absolute;
	top: -6px;
    left: -12px;
    width: 32px;
    height: 32px;
    font-size: 1.0rem;
    line-height: 34px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 100;
	cursor: pointer;
}
.phone .progress.levelcompletebar .amount {
	top: -7px;
    left: -12px;
    width: 34px;
    height: 34px;
    font-size: 1.2rem;
    line-height: 36px;
}
/* .userdataContainer .userdata .dati .progress.level {
	margin-right: 5px;
	margin-top:4px;
	cursor:pointer;
	height:14px;
}

.userdataContainer .userdata .dati .progress.level .amount {
	height:14px;
} */

/* .userdataContainer .userdata .dati .progress.elo .amount,
.topSingleLevelContainer .progress.elo .amount{
	height:20px;
} */
/*
.userdataContainer .userdata .dati .progress.level .amount p {
	line-height: 26px;
}
*/
/* .userdataContainer .userdata .dati .progress.elo .amount p,
.topSingleLevelContainer .progress.elo .amount p{
	height: 26px;
} */

/* .phone .userdataContainer .userdata .dati .progress.level {
	margin-top:5px;
} */
/*
.userdataContainer .userdata .dati .progress.levelcompletebar {
	height:24px;
	margin-right: 5px;
	margin-top:6px;
	margin-bottom:4px;
	cursor:pointer;
}
.userdataContainer .userdata .dati .progress.levelcompletebar .bar{
	margin-top:0;
	height:24px;
}
*/

.pointCountContainer {
	position: relative;
	margin:0 5px;
}
.pointCountContainer p.amount{
	margin:0;
	padding: 0 5px 0 30px;
	line-height: 24px;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	background-color: #222;
	border-radius: 4px;
	box-sizing: border-box;
	cursor: pointer;
}
.pointCountContainer .iconaPunto{
	background: url(../images/ico_xp_points.png) no-repeat center;
	background-size: 100%;
	width: 30px;
	height: 30px;
	position: absolute;
	top:-3px;
	left:-6px;
	cursor: pointer;
}

.currencyCountContainer {
	position: relative;
	margin:10px 10px;
	height: 30px;
	max-width: 180px;
}
.phone .currencyCountContainer {
	/* margin:10px 10px 0 10px; */
}
.currencyCountContainer p.amount{
	margin:5px 0 0 0;
	padding: 0 30px 0 32px;
	line-height: 28px;
	font-size: 1.5rem;
	color: #fff;
	text-align: center;
	background-color: #222;
	border-radius: 20px;
	box-sizing: border-box;
	cursor: pointer;
	text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}
.currencyCountContainer .plusIco{
	background: #222 url(../images/ico-store-plus.png) no-repeat right center;
	background-size: auto 100%;
	box-sizing: border-box;
	border-radius: 2px;
	width: 30px;
	height: 30px;
	position: absolute;
	top:-1px;
	right:-1px;
	cursor: pointer;
}
.currencyCountContainer .currencyIco{
	position: absolute;
	top:-4px;
	left:-5px;
	cursor: pointer;
}
.currencyCountContainer.soft .currencyIco{
	width: 36px;
    height: 38px;
    background: url(../images/currencies/ico-coin.png) no-repeat center;
    background-size: 100%;
    top: -5px;
}
.currencyCountContainer.hard .currencyIco{
	width: 40px;
    height: 38px;
    background: url(../images/currencies/ico-gem.png) no-repeat center;
    background-size: 100%;
    top: -5px;
}

.playerdetails .currencyCountContainer {
	margin: 0 5px;
}
.playerdetails .currencyCountContainer .plusIco {
	display: none;
}
.playerdetails .currencyCountContainer.soft .currencyIco {
	width: 32px;
    height: 34px;
}
.playerdetails .currencyCountContainer.hard .currencyIco {
	width: 36px;
    height: 34px;
}
.playerdetails .currencyCountContainer p.amount {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	font-size: 1.2rem;
	line-height: 26px;
	padding-right: 5px;
}


.phone #toast-container {
	top: 40px;
}

#toast-container .toast {
	width:auto;
	min-width: 300px;
	font-size: 1.2rem;
	font-family: oswald_regularregular;
	opacity:1;
	-webkit-box-shadow: none;
    box-shadow: none;
	padding: 10px 10px 10px 50px;
	border-radius: 14px;
    border: 1px solid #fff;
}
.phone #toast-container .toast {
	margin-bottom:5px;
}

#toast-container .toast-close-button {
	font-size:6.0rem;
	width: 40px;
	height: 40px;
	margin:5px;
	font-family: oswald_regularregular !important;
	line-height: 40px;
	right: -10px !important;
    top: -10px !important;
	opacity:1;
}
.phone #toast-container .toast-close-button {
	font-size:6.0rem;
	width: 40px;
	height: 40px;
	margin:5px;
}
#toast-container .toast-title {
	text-shadow: 1px 1px #222;
	line-height: 26px;
	/*
	font-weight: bold;
	font-family: verdana, sans-serif;
	*/
}
#toast-container .toast-message {
	text-shadow: 1px 1px #222;
	line-height: 26px;
	/*
	font-family: verdana, sans-serif;
	*/
}



.btnaddfrcont .btnAddFriend {
	height:60px;
	width:60px;
	background-image: url(../images/ico_add.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 60%;
	background-color: transparent;
	padding-left:50px;
	cursor: pointer;
	box-shadow:none;
	float: left!important;
}
.phone .btnaddfrcont {
	display: none;
}
.friendspanel {
	margin-left:0;
	float:none;
	position: relative;
}

#moveTimer {
	display:none;
	text-align: center;
}
#moveTimer .progress {
	margin:0 auto;
	max-width: 200px;
	height: 8px;
	border:1px solid #fff;
}

.variant_picker .dropdown-menu {
	text-align: left;
	min-width: 220px;
}
.variant_picker #btn_dd_variant {
	min-width: 150px;
    padding-right: 8px;
    padding-left: 5px;
}
/*
.phone .variant_picker #btn_dd_variant {
	letter-spacing: -0.0825rem;
}
*/
.variant_picker .dropdown-menu li {
	text-align: left;
	padding: 0;
}
.variant_picker .dropdown-menu li a{
	display: block;
	text-align: left;
	padding:3px 0 3px 10px;
}
.gt_dropdown.variant_picker .caret {
  border-top-color: #fff;
}
.btn-inverse .caret, .btnsi-brown-dark .caret{
  border-top-color: #fff;
}

.userprofile .userDataForm {
}
.userprofile .userDataForm .playerthumb{
	width:80px;
	min-width:80px;
	max-width:80px;
	height:80px;
	min-height:80px;
	max-height:80px;
	margin-bottom:8px;
}
.userprofile .userDataForm input, .userprofile .userDataForm textarea{
	width:96%;
}
.userprofile .userDataForm select.select_dob,.userprofile .userDataForm select.txtSex {
	width:auto;
}
.userprofile .userDataForm label {
    margin-bottom: 0;
    line-height: 32px;
}
.userprofile .userDataForm #txtDescription {
    margin-top: 10px;
}
.userprofile .userDataForm .txtCounty {
	width:30px;
}
.userprofile .userDataForm .txtState {
}
.userprofile .userDataForm .pname {
    margin-bottom: 0;
}
.userprofile .userDataForm .pname span{
	font-family: oswald_regularregular;
	line-height: 32px;
	font-size: 1.5rem;
	padding: 0 5px;
}

.userprofile .userDataForm .pemail {
	font-family: oswald_regularregular;
	line-height: 32px;
	font-size: 1.2rem;
	padding: 0 5px;
}

.userprofile .privacytext,
.clubedit .privacytext,
.clubedit .privacytext a,
.userprofile .privacytext a {
	font-family: oswald_regularregular;
	font-size: 1.1rem;
    line-height: 18px;
	margin-top: 10px;
}
.userprofile p.inline,
.clubedit p.inline
{
	font-family: oswald_regularregular;
	text-align: center;
}
.userprofile p.inline label,
.clubedit p.inline label
{
	display: inline;
	text-shadow:none;
	font-weight: bold;
	font-size:1.8rem;
}
.userprofile .btnUpdateData,
.clubedit .btnUpdateData
{
	font-size: 1.8rem;
	line-height: 30px;
}

.playerdetails .btn{
	text-shadow:none;
}
.playerdetails p{
	margin-left: 0;
}
.playerdetails p.pname{
	margin-bottom: 0;
	line-height: 26px;
	white-space: nowrap;
    width: 200px;
    overflow: visible;
}
.playerdetails .aboutme{
	font-family: oswald_regularregular;
	font-size: 1.3rem;
    line-height: 22px;
	border:2px solid #ECECEC;
	padding:5px;
	margin:10px 0 5px 0;
	border-radius: 6px;
	text-align:center;
}
.playerdetails .lblUserId{
	font-family: oswald_regularregular;
	font-size: 1.3rem;
    line-height: 22px;
	padding:5px;
	margin:0 0 0px 0;
	text-align: center;
}
.playerdetails .lblUserId span{
	font-family: Arial, sans-serif;
}
.playerdetails .leveltext {
	font-family: oswald_regularregular;
	font-size: 1.0rem;
	margin: 5px 0 0 0;
	padding:0;
	text-align: center;
}
.playerdetails .leveltext .lblpoints{
	color: red;
}
.playerdetails .usertype {
	font-family: oswald_regularregular;
	font-size: 1.2rem;
	line-height: 40px;
	margin: 0;
	padding:0;
	white-space: nowrap;
}
.playerdetails .userfrom {
	font-family: oswald_regularregular;
	font-size: 1.2rem;
	line-height: 40px;
	text-align: right;
	margin: 0;
	padding:0;
}
.playerdetails .lblCompletreReg {
	font-family: oswald_regularregular;
	font-size: 1.4rem;
	margin: 15px 0 0 0;
	padding:0;
	text-align: center;
}
.playerdetails .lblCompletreReg img{
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 50px;
}

button.btnUpgrade, button.btnUpgrade:active, button.btnUpgrade:hover, .playerdetails .btnUpgrade, .homeContainer .btnUpgrade, .modalBody.content button.btnUpgrade,
button.btnEditSubscription, button.btnEditSubscription:active, button.btnEditSubscription:hover, .playerdetails .btnEditSubscription, .homeContainer .btnEditSubscription, .modalBody.content button.btnEditSubscription {
	/* font-family: oswald_regularregular; */
	/* font-size: 1.3rem; */
	margin-top: 0;
	padding: 5px 10px 5px 40px;
	background-image: url(../images/ico_gold.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
    background-size: auto 80%;
	line-height: 26px;
}

.homeContainer .btnUpgrade, .homeContainer .btnUpgrade:hover,
.homeContainer .btnEditSubscription, .homeContainer .btnEditSubscription:hover {
	margin-top: 68px;
}

.phone .homeContainer .btnUpgrade, .phone .homeContainer .btnEditSubscription {
	font-family: inherit;
    font-size: 1.3rem;
}

#frmCustomerPortal {
	padding: 0;
	display: inline;
}
.modalBody #frmCustomerPortal {
	margin-top: 10px;
	display: block;
}
/*
.playerdetails .details li {
	margin: 0 5px 0 0;
	padding:0 0 0 24px;
	list-style: none;
	background-size: auto 100% !important;
	display: inline-block;
	line-height: 24px;
	font-size: 1.2rem;
	font-family: oswald_regularregular;
	min-width: 120px;
}

.playerdetails .details li.userfrom {
	background: url(../images/ico_profilo_iscrizione.png) no-repeat left center;
}
.playerdetails .details li.usersex2 {
	background: url(../images/ico_profilo_sesso_2.png) no-repeat left center;
}
.playerdetails .details li.usersex3 {
	background: url(../images/ico_profilo_sesso_3.png) no-repeat left center;
}
.playerdetails .details li.usersex4 {
	background: url(../images/ico_profilo_sesso_4.png) no-repeat left center;
}
.playerdetails .details li.userdob {
	background: url(../images/ico_profilo_data.png) no-repeat left center;
}
.playerdetails .details li.usercity {
	background: url(../images/ico_profilo_citta.png) no-repeat left center;
}
*/

#profileTabs  {
	margin-bottom: 0;
	padding: 0 10px;
}
.nav-tabs>li>a,.nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd;
	text-decoration: none;
    background-color: #eee;
    color: #555;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
}
#profileTabs.nav-tabs>li.active>a {
	color: #222;
}
.playerdetails .tab-pane {

}
.playerdetails .tab-pane .innerBox{
	margin:0;
   	min-height: 160px;
}

#tabtrophies .innerBox{
	padding: 0;
	text-align: center;
}
#tabtrophies .lblNoTrophies{
	padding: 10px;
	text-align: center;
}
.trophy {
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 10px 0 0 10px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
	position: relative;
}
.trophy p {
	font-family: oswald_regularregular;
	font-size: 1.0rem;
	line-height: 20px;
	margin: 0;
	padding:0;
	text-align: center;
	width: 100%;
	color: #fff;
}
.trophy p.lbllevel {
	position: absolute;
	bottom: 0;
}
.trophy.multiplayer1 {
	background-image: url(../images/trophies/MULTIPLAYER1.png);
}
.trophy.multiplayer2 {
	background-image: url(../images/trophies/MULTIPLAYER2.png);
}
.trophy.multiplayer3 {
	background-image: url(../images/trophies/MULTIPLAYER3.png);
}
.trophy.expert1, .trophy.advanced1 {
	background-image: url(../images/trophies/ADVANCED1.png);
}
.trophy.expert2, .trophy.advanced2 {
	background-image: url(../images/trophies/ADVANCED2.png);
}
.trophy.expert3, .trophy.advanced3 {
	background-image: url(../images/trophies/ADVANCED3.png);
}
.trophy.intermediate1 {
	background-image: url(../images/trophies/MIDDLE1.png);
}
.trophy.intermediate2 {
	background-image: url(../images/trophies/MIDDLE2.png);
}
.trophy.intermediate3 {
	background-image: url(../images/trophies/MIDDLE3.png);
}
.trophy.beginner1 {
	background-image: url(../images/trophies/BEGINNER1.png);
}
.trophy.beginner2 {
	background-image: url(../images/trophies/BEGINNER2.png);
}
.trophy.beginner3 {
	background-image: url(../images/trophies/BEGINNER3.png);
}

.playerdetails .dati img.playerthumb{
	margin:0;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	min-width: 100px;
	min-height: 100px;
	max-width: 100px;
	max-height: 100px;
}
.statisticsContainer h4.name{
	font-size: 2.0rem;
    margin: 10px 0 15px 0;
}
.statisticsContainer .buttonBar{
	text-align: center;
}
.statisticsContainer .buttonBar .btn-group{
	margin: 2px;
}
.statisticsContainer .buttonBar .bgsocial, .statisticsContainer .buttonBar .bgsocial:hover{
	background-color:#004584;
	color: #fff!important;
}
.statisticsContainer .buttonBar .bgmulti, .statisticsContainer .buttonBar .bgmulti:hover{
	background-color:#00a6d7;
}
.statisticsContainer .buttonBar .bgexpert, .statisticsContainer .buttonBar .bgexpert:hover{
	background-color:#ff4d4d;
}
.statisticsContainer .buttonBar .bgmedium, .statisticsContainer .buttonBar .bgmedium:hover{
	background-color:#f57f31;
}
.statisticsContainer .buttonBar .bgbeginner, .statisticsContainer .buttonBar .bgbeginner:hover{
	background-color:#ffcc00;
}
.statisticsContainer .buttonBar a, .statisticsContainer .buttonBar button{
	border: 0;
	border-bottom:6px solid #fff;
	/* border-top:4px solid #fff; */
	font-size: 1.4rem;
	background-image:none;
	text-shadow:none;
	text-transform: uppercase;
	color: #333;
	padding: 6px 10px;
    line-height: 20px;
	margin:0 !important;
}
.statisticsContainer .buttonBar .btn.active, .statisticsContainer .buttonBar .btn.active:hover {
	border-bottom:6px solid #333;
	/* border-top:4px solid #333; */
	text-shadow:none;
	text-shadow: none;
	color: #333;
    /* background: #222;
    color: #fff; */
}
.statisticsContainer .buttonBar .btn:hover {
	color:#222;
	text-shadow:none;
}
.phone .statisticsContainer .buttonBar .btn {
	width: auto;
	font-size: 1.3rem;
	/*
    font-family: Verdana, Arial, sans-serif;
    */
    padding: 5px;
}
.playerdetails .statsBtnContainer {
	text-align: center;
	margin: 5px auto;
}
.playerdetails .statsBtnContainer .btnUserStats{
	width: 70%;
	text-shadow: 1px 1px #222;
	margin: 0 auto;
	padding: 5px 10px;
}
.playerdetails .statsBtnContainer .btnUpdateProfile {
	background-image: url(../images/matita.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 36px;
	height: 36px;
}
.playerdetails .statsBtnContainer .btnUpdateProfile span {
	display: none;
}

.playerdetails .levelContainer .progress {
	cursor:pointer;
}

.thumbContainer {
	position: relative;
	margin:5px;
	border:1px solid #333;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    box-sizing: border-box;
	width:50px;
	height:50px;
	min-width:50px;
	min-height:50px;
	max-width:50px;
	max-height:50px;
}
.phone .thumbContainer {
	width:60px;
	height:60px;
	min-width:60px;
	min-height:60px;
	max-width:60px;
	max-height:60px;
}
.innerThumbContainer {
	overflow: hidden;
	width:50px;
	height:50px;
}
.innerThumbContainer.level, .innerThumbContainer.elo {
	overflow: hidden;
	width:50px;
	height:42px;
}
.phone .innerThumbContainer {
	width:60px;
	height:60px;
}
.phone .innerThumbContainer.level, .phone .innerThumbContainer.elo {
	width:60px;
	height:52px;
}
.btnThumbContainer {
	overflow: hidden;
	width:50px;
	height:50px;
}
.teamA .btnThumbContainer {
	background:#D5D0C6 url(../images/play_placeholder_mate.png) no-repeat center top;
	background-size: 100%;
}
.teamB .btnThumbContainer {
	background:#D5D0C6 url(../images/play_placeholder_opponent.png) no-repeat center top;
	background-size: 100%;
}
.phone .btnThumbContainer {
	width:60px;
	height:60px;
}
.thumbContainer img.playerthumb {
	margin:0!important;
	border:0!important;
}
.boxPlayerData .thumbContainer {
	margin:5px auto;
	border:1px solid #333;
	width: 60px;
	box-sizing: content-box;
}
.boxPlayerData .thumbContainer .innerThumbContainer {
	width:60px;
	height:52px;
}
.boxPlayerData .label {
	text-overflow:ellipsis;
	width: 60px;
	overflow: hidden;
	white-space: nowrap;
	font-family: sans-serif;
}
.boxPlayerData .btn {
	font-size: .9rem;
    line-height: 12px;
    padding: 5px 3px;
    max-width: 60px;
    width: 60px;
    font-family: sans-serif;
    display: block;
    margin: 3px auto;
}
.boxPlayerData .thumbContainer {
	max-width:60px;
	max-height:60px;
	min-width:60px;
	min-height:60px;
	width: 60px;
	height: 52px;
}
.boxPlayerData .thumbContainer img.playerthumb {
	max-width:60px;
	max-height:60px;
	min-width:60px;
	min-height:60px;
	width: 60px;
	height: 52px;
}
/*.phone .boxPlayerData .thumbContainer img.playerthumb {
	max-width:50px;
	max-height:50px;
	min-width:50px;
	min-height:50px;
	width: 50px;
	height: 42px;
}
.phone .boxPlayerData .thumbContainer .innerThumbContainer .progress.level {
	display: none;
}*/

.thumbContainer .progress,
.thumbContainer .progress.elo{
	width: 100%;
	height: 7px;
	margin-bottom: 0;
	border-radius: 0;
	border-radius: 0 0 4px 4px;
	border:none;
	border-top:1px solid #222;
	cursor: pointer;
}
.thumbContainer .progress.level .amount,
.thumbContainer .progress.elo .amount{
	border-radius: 0 0 4px 0;
	height: 7px;
}
.thumbContainer .progress.level .amount p,
.thumbContainer .progress.elo .score{
	display: none;
}

.obiettiviPanel {
	text-align: center;
}
.obiettiviPanel p{
	text-align: center;
	margin-top:0px;
	font-size: 1.5rem;
}
.obiettiviPanel img{
	cursor: pointer;
	width: 60px;
	height: 60px;
	margin: 2px;
}
.statisticsContainer {
	text-align: center;
}
.statisticsContainer h4{
	font-size: 1.6rem;
	margin-top:0;
}
.statisticsContainer table.c3-tooltip tr th{
	background-color:#333;
	white-space: nowrap;
	text-shadow:none;
	text-align: center;
}
.statisticsContainer table.c3-tooltip tr td{
	white-space: nowrap;
	text-align: left;
}
.statisticsContainer .textData{
	font-size: 1.4rem;
	/*
	font-family:Verdana, Arial, Helvetica, sans-serif;
	*/
}
.statisticsContainer .textData .label{
	font-size: 1.2rem;
    font-family: sans-serif;
	letter-spacing: 0px;
    line-height: 22px;
    text-shadow: 1px 1px #222;
    padding: 0 5px 2px 5px;
    margin-top: 2px;
}
.phone .statisticsContainer .textData .label{

}

#eloscoreContainer {
	margin-bottom:15px;
}
#eloscoreContainer p {
	text-align:center;
	font-size: 1.4rem;
	margin-bottom:5px;
}
#eloscoreContainer p.eloscore {
	text-shadow:none;
}
#eloscoreContainer .btn {
	line-height: 16px;
	font-size: 1.8rem;
}
#eloscoreContainer .progress {
	margin:0 20px;
}

.levelContainer {
	padding:0 0 10px 0;
}
.levelContainer .btn {
	line-height: 14px;
    font-size: 1.2rem;
    padding: 5px;
}
.levelContainer .progress {
	margin:0 10px;
}
.levelContainer p.title {
	text-align:center;
    margin: 0 0 5px 0;
    font-size: 1.5rem;
}
.levelContainer p.text {
	text-align:center;
    margin: 5px 0 0 0;
    font-size: 1.3rem;
    font-family: oswald_regularregular;
}
.levelContainer p.text span.lblpoints{
	color:red;
}

.eloContainer {
	padding:10px 0;
}
.eloContainer .btn {
	line-height: 14px;
    font-size: 1.2rem;
    padding: 5px;
}
.eloContainer .progress {
	margin:0 10px;
}
.eloContainer p.title {
	text-align:center;
    margin: 0 0 5px 0;
    font-size: 1.5rem;
}
.eloContainer p.text {
	text-align:center;
    margin: 5px 0 0 0;
    font-size: 1.4rem;
    font-family: sans-serif;
}
.eloContainer p.text span.lblpoints{
	color:red;
}

.eloContainer .progress.elo {
	width: 110px;
	margin-right: 10px;
	margin-top:5px;
	margin-bottom:5px;
	cursor:pointer;
	border: 2px solid #fff;
    border-radius: 6px;
    overflow: visible;
}
.eloContainer .progress.elo .amount{
	font-size: 1.4rem;
	line-height: 20px;
	text-shadow:none;
	text-align: center;
}
/* .eloContainer .progress.elo .score{
	font-size: 1.2rem;
    line-height: 30px;
    width: 50px;
} */


.bgmulti {
	background-color:#00a6d7;
}
.bgexpert {
	background-color:#ff4d4d;
}
.bgmedium {
	background-color:#f57f31;
}
.bgbeginner {
	background-color:#ffcc00;
}

#statsDiv {
	min-height: 100px;
	margin-top: 15px;
}

.phone #chartThisMonth, .phone #chartAlways {
	height: auto;
	width: 160px;
}
.statisticsContainer .chart.doughnut {
	position: relative;
}
.phone .statisticsContainer .statsCol {
	position: relative;
}
.phone .statisticsContainer .chart.doughnut {
	position: absolute;
	left: -20px;
	top: 30px;
}
.phone .statisticsContainer .statsCol.all .chart.doughnut {
	top: 60px;
}
.statisticsContainer .chart.doughnut .perc{
	position: absolute;
	top:20%;
	left:0;
	width:100%;
	line-height: 30px;
	text-align: center;
	margin: 12% 0 0 0;
    font-size: 1.4rem;
    color: #468847;
}
.phone .statisticsContainer .chart.doughnut .perc{
	margin: 9% 0 0 0;
    font-size: 1.2rem;
}

.oneColumnList ul, .oneColumnList ul li {
	margin:0;
	padding: 0;
	list-style: none;
}

.achievementslist {

}
.achievementslist .text{
	text-align: center;
}
.achievementslist .innerBox.obiettivo{
	background: rgba(255,255,255,1);
}
.achievementslist .innerBox.obiettivo.earned{
	background: rgba(255,255,255,1);
}
.achievementslist .obiettivo p{
	margin:5px;
}
.achievementslist .obiettivo p.title{
	font-size: 1.6rem;
	font-weight: bold;
}
.achievementslist .obiettivo p.desc{
	font-size: 1.2rem;
	font-weight: normal;
	font-family: sans-serif;
}
.achievementslist .playerthumb {
	max-width: inherit;
}



.msgdetails .playerthumb{
	background: url("../images/avatars/0.jpg") no-repeat center;
	background-size:100% 100%;
}
.msgdetails .msgBody {
	padding-bottom: 20px;
}
.msgdetails .loadMoreContainer {
	text-align: center;
	margin-bottom: 10px;
}
.msgdetails .msgBody textarea{
	width: 100%;
}

.modalFooter .navbar .txtChat {
	width:96%;
	height:42px;
	margin:0px;
	padding: 0 8px;
	font-size: 2.0rem;
	line-height: 40px;
	/* border:1px solid #ccc; */
}
.phone .modalFooter .navbar .txtChat {
	height:41px;
}
.phone.portrait .modalFooter .navbar .txtChat {
	width:92%;
}
.modalFooter .navbar .txtChat:focus {
	border:1px solid #ccc;
}
.modalFooter .navbar .btnEmoticon {
	width:100%;
	min-width: 40px;
	height:40px;
	margin:0;
	padding: 0;
	background: transparent url(../images/ico_chat/ico_emoti.png) no-repeat center;
	background-size: auto 90%;
}
.modalFooter .navbar .btnEmoticon span{
	display: none;
}
.modalFooter .navbar .btnEmoticon .emoticon {
	margin:6px 0 0 3px;
}
.modalFooter .navbar .btnChat, .modalFooter .navbar .btnChat[disabled="true"] {
	width:100%;
	height:40px;
	margin:0;
	padding: 0;
	position: inherit;
	background-image: none;
	background-color: #222;
    color: #fff;
}

#inboxMainWrapper {
	margin: 0 80px;
}
.phone #inboxMainWrapper {
	margin: 0 10px;
}

#inboxMainWrapper .chatBox .topButtons{
	margin-top: 10px;
	text-align: center;
	padding: 10px;
    border-radius: 5px;
}
#inboxMainWrapper .chatBox .systemMessage {
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	border-radius: 5px;
}
#inboxMainWrapper .chatBox .msgToUserNotFriendsNotAllowed,
#inboxMainWrapper .chatBox .msgToUserNobodyAllowed,
#inboxMainWrapper .chatBox .showMessage,
#inboxMainWrapper .chatBox .msgToUnknownUser,
#inboxMainWrapper .chatBox .msgFromUnknownUser,
#inboxMainWrapper .chatBox .chatLimited,
#inboxMainWrapper .chatBox .chatTerminated {
	display: none;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4rem;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	border-radius: 5px!important;
}
.msgFromUnknownUser button{
	margin:5px 0 0 5px;
}
.msgFromUnknownUser a{
	color:inherit;
	text-decoration: underline;
}

/* #inboxMainWrapper .chatBox .chatItem .emoti{
    font-size: inherit;
    height: 3ex;
    width: 3.1ex;
    min-height: 50px;
    min-width: 50px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
} */

.emoticonsContainer {
	display: none;
}
.modalFooter .emoticonsContainer {
	display: none;
	position: absolute;
	bottom:44px;
	left:0;
	width:100%;
	background-color: #1d1d1d;
}

.modalFooter .emoticonsContainer {
	overflow: hidden;
	overflow-x: auto!important;
	touch-action: unset!important;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.modalFooter .emoticonsContainer .msgEmoticonsBody{
	text-align: left;
	min-height: 152px;
    max-height: 152px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.modalFooter .emoticonsContainer .msgEmoticonsBody .blockContainer{
	width: 200px;
	display: inline-block;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.modalFooter .emoticonsContainer .msgEmoticonsBody button{
	display: inline-block;
    margin: 6px 0 0 8px;
	padding: 0;
    background: none;
    border: none;
    font-size: 28px;
    width: 30px;
    height: 30px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.modalContentBox.chatBox {
	/*
	margin-left: 20px;
	margin-right: 20px;
	*/
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.bubble
{
	position: sticky;
	min-height: 30px;
	padding: 6px 8px;
	background: #FFFFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 5px;
	text-align: left;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.bubble:first-child:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #FFFFFF;
	display: block;
	width: 0;
	z-index: 1;
	top: 10px;
}
.chatItem.right .bubble:first-child:after
{
	left: -10px;
}
.chatItem.left .bubble:first-child:after
{
	border-width: 10px 0 10px 10px;
	right: -10px;
}

.chatItem {
	margin:10px 0 0 0;
}
.chatItem .bubble{
	margin-top:4px;
	padding-top: 3px;
}
.chatTopContent .chatItem .bubble{
	margin-left:5px;
}
.chatItem .bubble p{
	margin:0;
	padding: 0;
	/*
	max-width:360px;
	*/
	overflow: hidden;
	font-family: oswald_regularregular;
	font-size: 1.4rem;
	line-height: 26px;
}
.chatItem .bubble p .emoticon{
	margin:0 0 0 4px;
}
.chatItem .bubble p.timestamp{
	/*
	position: absolute;
	bottom: 0;
	width:96%;
	*/
	text-align: right;
	font-size: 0.9rem;
	font-family:Arial, Helvetica, sans-serif;
	color: #999;
	text-shadow:none;
	padding-top: 3px;
}
.chatItem .bubble p.timestamp span{
	color: #222;
}
.chatItem.left .playerthumb
{
	margin:0;
}
.chatItem.left .bubble:first-child:before
{
	z-index: 0;
	right: -10px;
}

.chatItem img.playerthumb
{
	min-width: 60px;
	min-height: 60px;
	max-width: 60px;
	max-height: 60px;
	border-radius: 50%;
}
.chatTopContent .chatItem img.playerthumb
{
	min-width: 40px;
	min-height: 40px;
	max-width: 40px;
	max-height: 40px;
}
.chatTopContent .chatItem.right img.playerthumb {
	margin: 4px 10px 0 0px!important;
}
.chatTopContent .chatItem.left img.playerthumb {
	margin: 4px 0px 0 15px!important;
}
.chatItem.right .playerthumb
{
	margin:4px 10px 0 0;
}
.chatItem table tr td.imgcontainer {
	width:75px;
}
.chatTopContent .chatItem table tr td.imgcontainer {
	width:40px;
}
.chatItem table tr td.nopic {
	width:10px;
}
.chatItem table tr td.msgContainer {
}
.chatItem table tr td.margincol {
	width:40px;
}
/*
.chatTopContent .chatItem table tr td.margincol {
	width:65px;
}
body.phone .chatTopContent .chatItem table tr td.margincol {
	width:0px;
}
*/
.chatItem .lnkReportChat {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4rem;
    line-height: 16px;
    margin: 4px 0 0 5px;
    padding: 0 2px;
    background: #EC4545 url(../images/ico_segnala.png) no-repeat center;
    background-size: 100%;
    width: 40px;
    height: 40px;
}
.chatItem .lnkReportChat span{
	display: none;
}
.chatItem.right table tr td {
	text-align: left;
}
.chatItem.left table tr td {
	text-align: right;
}
.bubble p {
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: left;
}
.chatItem.left .bubble p{
	text-align: right;
}
.chatItem.left .bubble p.timestamp{
	text-align: left;
}
.chatItem.right .bubble p{
	text-align: left;
}
.chatItem.right .bubble p.timestamp{
	text-align: right;
}

.chatItem .bubble p.msgContentTxt .emoti {
	font-size: 56px;
	line-height: 60px;
}

.inboxWrapper.messages .buttons {
	margin-top:-5px;
}
.inboxWrapper.messages .buttons .btn.heightspan{
	line-height: 20px;
	margin-top:5px;
	font-size: 1.4rem;
	min-width: 60px;
    min-height: 60px;
}
.inboxWrapper.messages img.playerthumb
{
	min-width: 60px;
	min-height: 60px;
	max-width: 60px;
	max-height: 60px;
	margin:0 10px 0 0;
	border-radius: 50%;
}

/* cropper */
.img-container,
.img-preview {
  background-color: #f7f7f7;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.img-container {
  min-height: 300px;
  max-height: 440px;
}

.img-container > img {
  max-width: 100%;
  border: none!important;
}


#inputImage {
	position: absolute;
	left:-2000rem;
}
.btnChooseImage {
	margin-top:5px;
	line-height: 30px;
}
.btnRotateCropper, .btnRotateCropper:active, .btnRotateCropper:focus, .btnRotateCropper:hover {
	background-image: url(../images/ico_refresh.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 70%;
	width:50px;
	height:45px;
}
.btnRotateCropper span {
	display: none;
}
.imgEditorContainer {
	display: none;
}

.imgEditorContainer .buttons{
	text-align: center;
	padding:10px 0;
}
.imgEditorContainer .buttons .btn{
	font-size: 1.8rem;
    line-height: 30px;
}


#legendHistoricalChart ul {
	list-style: none;
}
#legendHistoricalChart ul li{
	list-style: none;
}

/*loading animation square classes*/
.spinner {
  width: 40px;
  height: 40px;
  background-color: #fff;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*loading animation cerchio rotante*/
.sk-chase {
  width: 60px;
  height: 60px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  } 100%, 0% {
    transform: scale(1.0);
  }
}


.bootbox .achievement {
	text-align:left;
	font-size: 2.2rem;
	min-height: 90px;
}
.bootbox .achievement img{
	float:left;
	margin:0 10px 0 0;
	width: 90px;
	height: 90px;
}
.bootbox .achievement p{
	line-height: 30px;
	text-align:left;
}
.bootbox .achievement .common{
	margin-top:10px;
	margin-bottom: 0;
	padding-top: 5px;
	display: none;
}
.bootbox .achievement .achname{
	font-size: 2.4rem;
	margin-top:0;
	margin-bottom:0;
	padding-top: 10px;
}
.bootbox .achievement .achdesc{
	font-size: 1.4rem;
	margin-top:0;
	margin-bottom:0;
}
.bootbox .achievement.easy .achname{
	color:#b0d401;
	text-shadow: 1px 1px #222;
}
.bootbox .achievement.middle .achname{
	color:#f9d702;
    text-shadow: 1px 1px #222;
}
.bootbox .achievement.advanced .achname{
	color:#d60118;
}
.bootbox .achievement.rare .achname{
	color:#d600b4;
}
.bootbox .achievement.variant .achname{
	color:#00b3e1;
	text-shadow: 1px 1px #222;
}

.bootbox .level {
	text-align:left;
	font-size: 2.2rem;
	min-height: 90px;
    margin-top: 0;
    margin-bottom: 0;
}
.bootbox .level p{
	line-height: 30px;
	text-align:left;
    margin-bottom: 0;
}
.bootbox .level p.num{
    line-height: 50px;
    text-align: center;
    width: 90px;
    height: 90px;
    margin-right: 10px;
    float: left;
    background-size: auto 100%!important;
    margin: 0 10px 0 0;
    font-size: 3.0rem;
}
.bootbox .level .common{
	margin-top:0;
	margin-bottom: 0;
	padding-top: 5px;
	font-size: 2.6rem;
	display: flex;
}
.bootbox .level .lvl{
	font-size: 2.6rem;
}
.phone .bootbox .level .lvl{
	font-size: 2.0rem;
    line-height: 26px;
    margin-top: 5px;
}
.bootbox .level.easy p.num {
	background: transparent url(../images/levels/levelup_easy.png) left center;
}
.bootbox .level.middle p.num {
	background: transparent url(../images/levels/levelup_middle.png) left center;
}
.bootbox .level.advanced p.num {
	background: transparent url(../images/levels/levelup_advanced.png) left center;
}
.bootbox .level.rare p.num {
	background: transparent url(../images/levels/levelup_rare.png) left center;
}
.bootbox .level.easy .lvl{
	color:#b0d401;
	text-shadow: 1px 1px #222;
}
.bootbox .level.middle .lvl{
	color:#f9d702;
    text-shadow: 1px 1px #222;
}
.bootbox .level.advanced .lvl{
	color:#d60118;
}
.bootbox .level.rare .lvl{
	color:#d600b4;
}



.avatarPlaceHolder img {
	min-width: 100px;
	min-height: 100px;
}

.ismodal .suggestedFriendsDiv {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.circleprogress {
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

.circleprogress canvas {
    vertical-align: top;
}

.circleprogress span {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 1.2rem;
}
body.phone .circleprogress span {
    top: 18px;
    font-size: 1.0rem;
}

.nicescroll-rails{

}

.topSingleLevelContainer .progress {
	cursor: pointer;
}

.bootbox .playerthumb {
	float:left;
	margin:0 10px 10px 0;
	min-height: 60px;
	min-width: 60px;
	max-height: 60px;
	max-width: 60px;
}

.bootbox .txtresult {
	text-transform: uppercase;
	display: block;
	font-size: 1.8rem;
}
/*.bootbox .txtresult:first-letter {
	font-size: 1.4rem;
}
*/
.bootbox .sharemsg {
	font-size: 1.6rem;
}
.bootbox .modal-body p.msgChallenge {
	text-align: left;
	line-height: 30px;
}
.phone .bootbox .modal-body p.msgChallenge {
	line-height: 26px;
}
.bootbox .modal-body p.msgChallenge span.variant{
	background-color: #222;
    color: #fff;
    text-shadow: none;
    padding: 0 5px;
    border-radius: 5px;
}


.middleBannerContainer {
	text-align: center;
	margin: 10px auto;
}

.btn-icon-multiline {
	padding: 5px 7px;
	border:none;
	border-radius: 5px;
	color:#fff;
	min-width: 134px;
	box-sizing: border-box;
}
.btn-icon-multiline .textSide {
	float:left;
	text-transform: uppercase;
	font-size: 1.1rem;
	text-align: left;
	margin: 0 3px 0 0;;
	line-height: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.btn-icon-multiline .iconSide {
	float:right;
	width:26px;
	height: 26px;
	border-left: 1px solid #ccc;
	padding: 0 0 0 5px;
	background-position: center;
	background-size: auto 90%;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
}
.btn-icon-multiline .iconSide span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 26px;
	font-size: 1.1rem;
	display: block;
	text-align: center;
}
.btn-icon-multiline .iconSide span.num {
	font-size: 1.6rem;
	line-height: 18px;
	margin-left: -3px;
}
.btn-icon-multiline .iconSide span.sign {
	font-size: 1.0rem;
	line-height: 6px;
}

.btnLikeFBPage {
	background-color: #415EAF;
	margin: 66px 0 0 5px;
	border: 2px solid #344D94;
}
.phone .btnLikeFBPage {
	margin: 5px 0 0 0;
	width: 100%;
}
.phone .btnLikeFBPage .textSide {
	font-size: 1.2rem;
	line-height: 14px;
}
.btnLikeFBPage .iconSide {
	background-image: url(../images/facebook_like_thumb.png);
	background-position: right top;
}
.btnRemoveAds {
	background-color: #43980D;
	margin: 10px 10px 0 0;
	border: 2px solid #33730A;
}
.phone .btnRemoveAds {
	margin: 5px 0 0 0;
	width: 100%;
}
.phone .btnRemoveAds .textSide {
	font-size: 1.3rem;
	line-height: 14px;
}
.btnRemoveAds .iconSide {
	padding: 0 0 0 7px;
}

.iapmessage p{
	text-shadow:none;
	margin: 0 0 5px 0;
    font-size: 1.4rem;
}
.iapmessage .msgBanner {
	font-weight: bold;
	text-transform: uppercase;
}
.iapmessage strong.lbl{
	font-weight: bold;
	color: red;
	text-transform: uppercase;
}
.iapmessage .msgBanner strong{
	font-weight: bold;
	color: red;
}
.btnBuyContainer {
	text-align: center;
	margin: 10px 0 20px 0;
	padding: 0;
}
.btnBuyContainer .promobox {
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(../images/promo_gold/offer_head.png) no-repeat center;
	background-size: 320px 70px;
	height:80px;
	position: relative;
}
.btnBuyContainer .promobox img{
	height: 44px;
	margin-top: 15px;
}
.btnBuyContainer .btnBuyContainerInner {
	text-align: center;
	margin: -30px 10px 10px 10px;
	padding: 30px 10px 10px 10px;
	background: #fff;
	border-radius: 10px;
}
.btnBuyContainer p.introText {
	font-size: 2rem;
	text-transform: uppercase;
	line-height: 40px;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: underline;
}
.btnBuyContainer button.btn {
	position: relative;
	padding: 12px 0 6px 0;
	margin: 10px;
	min-width: 70%;
	font-size: 1.6rem;
	line-height: 30px;
	text-shadow: none;
	font-family: oswald_regularregular;
    border: 2px solid #333;
    border-radius: 10px;
}
.phone.portrait .btnBuyContainer button.btn {
	min-width: 86%;
}
.btnBuyContainer button.btn span.sup{
	display: block;
	font-size: 1.1rem;
	line-height: 20px;
	font-family: oswald_regularregular;
}
.btnBuyContainer button.btn span.sub{
	display: block;
	font-size: 1.8rem;
	line-height: 30px;
	font-family: oswald_regularregular;
}
.btnBuyContainer button.btn span.label{
	position: absolute;
    top: -12px;
    left: 26px;
    font-size: 1.2rem;
    line-height: 18px;
    border-radius: 12px;
    padding: 2px 16px;
	text-shadow: 1px 1px 0 #222;
}
.btnBuyContainer .btnProceedPP {
	font-size: 1.6rem;
	line-height: 34px;
	font-weight: bold;
}

.boardObjectsContainer {
	display: none;
}

/*spinner dots */
.spinnerdots {
  margin: 10px auto;
  text-align: center;
}

.spinnerdots > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinnerdots .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinnerdots .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.datepicker-dropdown {
    font-family: sans-serif!important;
    font-size: 1.4em!important;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}

.matchFormContainer {
	padding: 0px 0 0px 0;
	/* background: #fff;
    border-radius: 10px; */
}
.phone .matchFormContainer {
	margin: 0 10px;
}
.matchForm {
	padding: 0px 0 10px 0;
}
.matchForm .matchCell {
	text-align: center;
    margin: 10px auto 0 auto;
}
.phone .matchForm .matchCell {
    /* margin: 10px auto 0 auto; */
}
.matchsettings .matchForm .matchCell {
}
.phone.portrait .matchsettings .matchForm .matchCell {
}

.matchForm .matchCell .innerMatchCell{
	background: rgba(255,255,255,0.9);
	padding: 0 0 10px 0;
	margin: 0 5px;
	background: #fff;
	border-radius: 10px;
}
.phone.portrait .matchForm .matchCell .innerMatchCell{
	margin: 0;
}

.matchForm .matchCell.numPlayersCell {
	white-space: nowrap;
	width: 50%;
	float: left;
}
/*
.matchForm.random .matchCell.numPlayersCell {
	width: 100%;
}
*/
.matchForm .matchCell.pointsCell {
	width: 50%;
	float: left;
}
/*
.matchForm.random .matchCell.pointsCell {
	width: 100%;
	float: left;
}
*/
.matchForm .matchCell.variantsCell {
	width: 100%;
	float: left;
}
.matchForm .matchCell.levelCell {
	width: 50%;
	float: left;
}
.matchForm.random .matchCell.levelCell {
	width: 100%;
	float: left;
}
.matchForm .matchCell.chatCell {
	width: 100%;
	float: left;
}
.matchForm .matchCell.chatCell.withlevel {
	width: 50%;
	float: left;
}

.phone.portrait .matchForm .matchCell.numPlayersCell {
	width: auto;
	float: none;
}
.phone.portrait .matchForm .matchCell.pointsCell {
	width: auto;
	float: none;
}
.phone.portrait .matchForm .matchCell.variantsCell {
	width: auto;
	float: none;
}
.phone.portrait .matchForm .matchCell.customOptionCell {
	width: auto;
	float: none;
}
.phone.portrait .matchForm .matchCell.levelCell {
	width: auto;
	min-width: 49%;
	float: left;
	/* margin: 10px 0 0 10%; */
}
.phone.portrait .matchForm.random .matchCell.levelCell {
	width: auto;
	float: none;
	/* margin: 10px 0 0 10%; */
}
.phone.portrait .matchForm .matchCell.chatCell {
	width: auto;
	float: none;
}
.phone.portrait .matchForm .matchCell.chatCell.withlevel {
	width: 48%;
	float: left;
	/* margin: 10px 10% 0 0; */
	margin-left: 10px;
}
.phone.portrait .bootbox .matchForm .matchCell {
	width: auto;
	margin-left: auto;
	padding: 0 0 0px 0;
}

.matchForm h4 {
	font-size: 1.6rem;
    text-shadow: none;
    margin: 0;
    line-height: 36px;
    font-weight: normal;
}
.matchForm .btn {
	/*
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	*/
	/* height: 36px; */
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	font-size: 1.3rem;
	line-height: 22px;
	padding: 6px 10px;
}
.phone .matchForm .btn {
	/*
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	*/
	/* height: 34px; */
}
.matchForm .btn.active {
	background-image: none;
}

.matchForm .btn.active {
	background-image: none;
}

.matchForm .buttons {
	text-align: center;
	clear: both;
	padding-top: 10px;
}
.matchForm .buttons .btn{
	height: 28px;
}
.phone .matchForm .buttons .btn{
	height: 30px;
	font-size: 1.4rem;
}

.matchForm .variantsCell .btn {
	margin: 5px 0 0 5px;
}

.matchForm .btnplayersnum .btn {
	height: 36px;
	width: 100px;
}
.phone .matchForm .btnplayersnum .btn {
	height: 34px;
	width: 90px;
}
.matchForm .btnplayersnum .btn span{
	display: none;
}
.matchForm .btnplayersnum .twoplayers {
	background-image: url(../images/ico_2players_inv.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
}
.matchForm .btnplayersnum .btn-inverse.twoplayers {
	background-image: url(../images/ico_2players.png);
}
.matchForm .btnplayersnum .fourplayers {
	background-image: url(../images/ico_4players_inv.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
}
.matchForm .btnplayersnum .btn-inverse.fourplayers {
	background-image: url(../images/ico_4players.png);
}

.matchForm .btnplayersnum .twoplayers.single {
	background-image: url(../images/ico_2players_single_inv.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
}
.matchForm .btnplayersnum .btn-inverse.twoplayers.single {
	background-image: url(../images/ico_2players_single.png);
}
.matchForm .btnplayersnum .fourplayers.single {
	background-image: url(../images/ico_4players_single_inv.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
}
.matchForm .btnplayersnum .btn-inverse.fourplayers.single {
	background-image: url(../images/ico_4players_single.png);
}

.matchForm .variant_picker .dropdown-menu {
	min-width: 220px;
}
.matchForm .variant_picker .dropdown-menu li a {
	line-height: 26px;
}
.matchForm select {
	width: auto;
	margin-bottom:0;
	background-color: #222;
    border: 0;
    color: #fff;
    height: 36px;
    min-width: 60px;
	text-align: center;
	border-radius: 5px;
    /*
    font-family: 'rammetto_oneregular', cursive;
    */
}
.phone .matchForm select {
    height: 34px;
}
.matchForm .variant_picker #btn_dd_variant {
    min-width: 0;
}

.matchsettings .customizeTablePlayers {
}
.matchsettings .outerBox {
	padding: 5px;
}

.matchsettings .heading {
	text-align: center;
    font-size: 1.6rem;
    line-height: 40px;
    padding: 0 10px;
}
.matchsettings .heading span{
	text-align: center;
    font-size: 1.6rem;
    line-height: 40px;
    padding-left: 54px;
    background: url(../images/icon_heads.png) no-repeat left center;
    background-size: auto 100%;
    display: inline-block;
}
.matchsettings .heading.sub {
	text-align: center;
    font-size: 1.2rem;
    line-height: 20px;
    padding: 10px;
    margin: 20px;
    background-color: #fff;
    color: #555;
}

.matchsettings .playersList .playerItem {
	width: 240px;
    margin: 0 auto;
    float: none;
}
.matchsettings .buttons {
	text-align:center;
	padding:10px;
}
.matchsettings .btnChooseMate {
	background: #222 url(../images/ico_invita_amici.png) no-repeat 5px center;
    background-size: auto 80%;
    padding-left: 50px;
    line-height: 50px;
}

.chooseplayer .usersPanel {
	margin-top: 5px;
}

/*
.matchsettings .playersList .playerItem .btn {
	font-size: 1.6rem;
    line-height: 22px;
}
body.phone .matchsettings .playersList .playerItem .btn {
	float: none;
}
.matchsettings .playersList .playerItem .dati p.name {
	line-height: 28px;
}
.phone .matchsettings .playersList .playerItem .innerThumbContainer {
    width: 50px;
    height: 50px;
}
.phone .matchsettings .playersList .playerItem .innerThumbContainer.level {
    width: 50px;
    height: 42px;
}
.matchsettings .playersList .playerItem {
	width: 100%;
	margin: 0;
}
.matchsettings .playersList.fourPlayers .playerItem.playerTwo,
.matchsettings .playersList.fourPlayers .playerItem.playerThree {
	margin-top: 10px;
}
.matchsettings h4, .matchForm h4 {
	font-size:1.6rem;
	text-align: center;
	margin: 0px 0 5px 0;
	font-family: oswald_regularregular;
}
.matchsettings h4 {
	margin-top: 0;
}
.matchsettings .outerBox .columnresp .outerBox {
	margin-bottom: 0;
}
.columnresp .rowrespLeft{
	float:left;
	width:46%;
}
.columnresp .rowrespCenter{
	float:left;
	width:8%;
	line-height: 60px;
}
.columnresp .rowrespRight{
	float:left;
	width:46%;
}

.rowrespCenter p{
	text-align: center;
	font-size: 1.8rem;
}
.columnresp .rowrespCenter p{
	margin: 0;
	line-height: 60px;
}
.fourPlayers .columnresp .rowrespCenter p{
	line-height: 144px;
}
body.phone .columnresp .rowrespCenter p{

}
.middlerow .columnresp .rowrespCenter p{
	text-align: center;
	line-height: 20px;
}
.middlerow  {
	margin-bottom: 10px;
}
*/

.roomsList.stanze ul {
	margin:0;
	padding: 0;
	list-style: none;
}
.roomsList.stanze ul li{
	height:auto;
	margin:5px 0 0 5px;
	padding: 0;
	text-align:left;
	overflow: hidden;
	width:48%;
	float: left;
}

.roomsList.stanze ul li a{
	color:inherit;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 1.4rem;
}
.phone .roomsList.stanze ul li a{

}
.roomsList.stanze ul li a:hover{
	text-decoration: none;
}
.control-group.playersNum {
	margin:0 5px;
	display: inline-block;
}
.phone .control-group.playersNum {
	display: block;
}
.phone.landscape .playersCol {
	width: 100%;
}
.playersCol .btnOpenRooms {
	/* line-height: 28px; */
	margin:0 5px;
}
.phone .playersCol .btnOpenRooms {
	margin-bottom:5px;
}

.playersCol .btnOpenRooms.twoplayers{
	background-image: url(../images/ico_2players.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 70%;
	padding-right: 80px;
}
.playersCol .btnOpenRooms.fourplayers{
	background-image: url(../images/ico_4players.png);
	background-repeat: no-repeat;
	background-position: 94%;
	background-size: auto 70%;
	padding-right: 90px;
}


.playersList li .buttons {
}
.playersList li .buttons .btn {
	float: none;
}
.btnThumbContainer {
	float: none;
	border: none;
	padding: 0;
	border-radius: 3px;
	text-align: center;
	overflow: hidden;
}
.btnThumbContainer span{
	display: block;
	line-height: 16px;
	margin-top: 35px;
	text-transform: uppercase;
	font-size: 1.1rem;
}
.phone .btnThumbContainer span{
	line-height: 20px;
	font-size: 1.2rem;
	margin-top: 42px;
}
.btnThumbContainer.btnExitTable span{
	background: red;
	color: #fff;
}
.btnThumbContainer.btnEnterTable span{
	background: #fff;
}
.lnkEnterTable {
	line-height: 20px;
}

#boardNav {
	position:absolute;
	z-index:1009;
	text-align:center;
	width:100%;
}
#boardNav .nicescroll-rails {
	display: none!important;
}
#boardNav .boardNavContent{
	text-align:left;
	min-height:50px;
	max-width:500px;
	margin:-6px auto 0 auto;
	/*
	border-radius: 6px;
	border: 3px solid #222;
	background-color: #EDEDED;
	box-sizing: border-box;
	*/
}
.phone #boardNav .boardNavContent{
	min-height:46px;
	max-width:460px;
}

#board .playerDeclarations p.boardMsgLabel.busso,
#board .playerDeclarations p.boardMsgLabel.striscio,
#board .playerDeclarations p.boardMsgLabel.volo
{
	font-size: 2.2rem;
	line-height: 39px;
}
#board .playerDeclarations{
	min-height:50px;
	margin-top: 100px;
	text-align: center;
}
#boardNav .boardNavMessages p {
	margin: 0;
	display: inline-block;
}
#boardNav .boardNavMessages .label, #board .playerDeclarations .label{
	text-shadow: 2px 2px 0 #222;
	color: #fff;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 26px;
	padding: 0 5px;
	border:1px solid #fff;
	margin-top:5px;
	white-space: normal;
}
.phone #boardNav .boardNavMessages .label {
	font-size: 1.4rem;
	line-height: 22px;
	padding-left: 24px;
	max-width: 280px;
}
#boardNav .boardNavMessages p.boardMsgLabel,
#board .playerDeclarations p.boardMsgLabel{
	margin-top:2px;
	text-overflow:ellipsis;
	max-width: 400px;
	/*
	overflow: hidden;
	*/
	white-space: nowrap;
	border-radius: 5px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
}
#board .playerDeclarations p.boardMsgLabel{
	padding-left: 50px;
}
#boardNav .boardNavMessages p.boardMsgLabel.bottom,
#board .playerDeclarations p.boardMsgLabel.bottom{
	background-image: url(../images/arrow_turn_bottom.png);
}
#boardNav .boardNavMessages p.boardMsgLabel.right,
#board .playerDeclarations p.boardMsgLabel.right{
	background-image: url(../images/arrow_turn_right.png);
}
#boardNav .boardNavMessages p.boardMsgLabel.top,
#board .playerDeclarations p.boardMsgLabel.top{
	background-image: url(../images/arrow_turn_top.png);
}
#boardNav .boardNavMessages p.boardMsgLabel.left,
#board .playerDeclarations p.boardMsgLabel.left{
	background-image: url(../images/arrow_turn_left.png);
}

#boardNav .boardNavMessages table {
	margin: 0 auto;
}
#boardNav .boardNavMessages .progress {
	margin:3px auto 0 auto;
	min-width: 200px;
	max-width: 200px;
	height: 8px;
	border:1px solid #fff;
	display: none;
}
#boardNav .boardNavMessages img.playerthumb{
	margin: 0 5px 0 0;
	border-color: #fff;
	vertical-align: top;
}
body.phone #boardNav .boardNavMessages img.playerthumb{
	width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    max-width: 38px;
    max-height: 38px;
}
#boardNav .boardNavContent.nochat{
	/*
	max-width:100px;
	*/
}


#boardNav .boardNavBar {
	position: relative;
}
button.topbutton {
	position: absolute;
	height: 54px;
	width: 54px;
	border-radius:0;
	display: block;
	box-shadow: none;
}
body.phone button.topbutton {
	height: 40px;
	width: 40px;
}
body.phone .nochat button.topbutton {
	height: 40px;
	width: 40px;
}
.boardNavBar button.btnPlayers {
	background-image:url(../images/icomenu/ico_info_partita.png);
	background-size: 67%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
    z-index: 7;
    top: 0;
    left:0;
    /*
    border-bottom-right-radius: 6px;
    */
}

#boardDetails {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1111;
  background-color: rgba(0, 0, 0, .6);;
	width:100%;
	height:100%;
	font-size:2.0rem;
	font-weight:bold;
	overflow:auto;
}
#boardDetails .innerBox{
	background-color: #FFF;
}
.btnCloseBoardMask{
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 50px;
	height: 44px;
	line-height: 40px;
	font-size: 3.0rem;
}
.phone .btnCloseBoardMask{
	position: fixed;
}

#boardDetails #playerDataLeft.loading .thumbContainer,
#boardDetails #playerDataRight.loading .thumbContainer,
#boardDetails #playerDataTop.loading .thumbContainer
{
	margin: 5px auto!important;
}

#boardDetails .boardDetailsPanel {
	max-width: 360px;
	margin: 20px auto 0 auto;
	padding: 10px;
	text-align: center;
}
#boardDetails .boardDetailsPanel .innerBox{
	padding: 20px;
}
#boardDetails .boardDetailsPanel .buttons .btn{
	margin-top:10px;
}
#boardDetails .boardDetailsPanel .centerCol{
}
#boardDetails .boardDetailsPanel p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6rem;
	line-height: 20px;
	margin: 0;
	text-shadow:none;
}
#boardDetails .boardDetailsPanel .label{
	font-size: 1.3rem;
	line-height: 20px;
    margin-top: 5px;
    color: #222;
    text-shadow: none;
    background-color: #fff;
    padding: 0 6px;
}
#boardDetails .boardDetailsPanel hr{
	margin: 5px 0 0 0;
}

.settingsform .btnCloseMatch {
	padding-left: 40px;
    background-image: url(../images/ico_chiudimatch.png);
    background-size: 30px;
    background-position: 5px center;
    background-repeat: no-repeat;
    line-height: 30px;
}
.gameCallsMask {
	overflow: auto;
}
.gameCallsContainer {
	max-width: 400px;
	margin: 5% auto 0 auto;
	padding: 10px;
	text-align: center;
}
.gameCallsContainer .callsPanel{
	border-radius: 5px;
	background-color: #fff;
	color: #333;
	padding-bottom: 10px;
}
.gameCallsContainer img.playerthumb{
	margin: 5px 0 0 10px;
}
.gameCallsContainer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.2rem;
	line-height: 20px;
	margin: 0;
	padding: 10px 0;
	color: #333;
}
.gameCallsContainer .btnDoneCalls {
	margin-bottom: 10px;
	font-size: 1.6rem;
	line-height: 30px;
}
.gameCallsContainer .btnBack {
    margin: 10px auto;
}
.gameCallsContainer .arrow {
	font-size: 3.0rem;
	line-height: 20px;
	text-align: center;
}

.playersNum.control-group .btn {
	height: 36px;
	width: 113px;
}
.phone .playersNum.control-group .btn {
}
.playersNum.control-group .btn span{
	display: none;
}
.playersNum.control-group .twoplayers {
	background-image: url(../images/ico_2players_inv.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
}
.playersNum.control-group .btn-inverse.twoplayers {
	background-image: url(../images/ico_2players.png);
}
.playersNum.control-group .fourplayers {
	background-image: url(../images/ico_4players_inv.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
}
.playersNum.control-group .btn-inverse.fourplayers {
	background-image: url(../images/ico_4players.png);
}

.phone #mainProgress .progress-striped {
	margin: 0 10px;
}

.bottomBtnContainer {
	padding: 20px 0 50px 0;
}
.bottomBtnContainer .btnLaunchGame {
	padding: 0 20px;
	line-height: 50px;
	font-size: 2.0rem;
}

.modalContentBox .roomsInfo {
	margin-top: 20px;
	font-family: Arial, sans-serif;
}

.lnkAddAllCheck {
    background: #333 url(../images/checkbox-checked.png) no-repeat 4px center !important;
    background-size: auto 76% !important;
	padding-left: 30px;
    padding-right: 6px;
    margin: 5px;
}
.lnkRemoveAllCheck {
    background: #333 url(../images/checkbox-unchecked.png) no-repeat 4px center !important;
    background-size: auto 76% !important;
	padding-left: 30px;
    padding-right: 6px;
    margin: 5px;
}
.playersList .lnkAddRemoveCheck {
	padding-left: 20px;
    padding-right: 6px;
    height: 30px;
    width: 30px;
}
.playersList .lnkAddRemoveCheck.add {
    background: #333 url(../images/checkbox-unchecked.png) no-repeat 4px center;
    background-size: auto 76%;
}
.playersList .lnkAddRemoveCheck.remove {
    background: #333 url(../images/checkbox-checked.png) no-repeat 4px center;
    background-size: auto 76%;
}

#homePanel .suggestedFriendsDiv {
	position: relative;
}

.carouselNav {
    position:relative;
    width:280px;
	/*
    height: 30px;
    padding: 0 0 20px 0;
    margin:0 auto;
    */
}

.carouselNav .btnPrev, .carouselNav .btnNext {
    font-weight:bold;
    font-size:2.4rem;
    line-height: 60px;
    padding:5px;
    position:absolute;
    cursor: pointer;
	top:-130px;
	z-index:10;
	width:30px;
	height:40px;

	background: rgba(255,255,255,0.8);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.carouselNav .btnPrev span, .carouselNav .btnNext span{
	display: none;
}
.carouselNav .btnNext {
	right:10px;
    text-align:right;
    background: url(../images/arrow_right.png) no-repeat center;
    background-size: 100% auto;
}

.carouselNav .btnPrev {
    left:10px;
    text-align:left;
    background: url(../images/arrow_left.png) no-repeat center;
    background-size: 100% auto;
}

.carouselNav .indicator > li {
    display:block;
    float:left;
    list-style:none;
    padding:0; margin:0;
}

.indicator-wrapper {
    overflow: visible;
    width: auto;
    height: auto;
    margin:0 auto;
    position: relative;
    text-align:center;
}

.carouselNav ul.indicator {
    padding:10px 0 0 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    display:none;
}

.carouselNav ul.indicator > li {
    text-indent:-9999rem;
    width:8px; height:8px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    background:#ddd;
    overflow:hidden;
    margin-right:4px;
}

.carouselNav ul.indicator > li.active {
    background:#888;
}

.carouselNav ul.indicator > li:last-child {
    margin:0;
}



.control-group .sounds .btn {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-position: 4px center;
}
.control-group .sounds .btn.soundOn {
	background-image: url(../images/sound/ico_sound_on_black.png);
}
.control-group .sounds .btn.soundOn.active {
	background-image: url(../images/sound/ico_sound_on_white.png);
}
.control-group .sounds .btn.soundOff {
	background-image: url(../images/sound/ico_sound_off_black.png);
}
.control-group .sounds .btn.soundOff.active {
	background-image: url(../images/sound/ico_sound_off_white.png);
}

.control-group.languages .btn {
	padding-left: 36px;
	line-height: 22px;
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-position: 4px center;
	margin: 5px 0 0 5px;
	text-shadow: none;
}
.control-group.languages .btn.it {
	background-image: url(../images/flags/it.png);
}
.control-group.languages .btn.es {
	background-image: url(../images/flags/es.png);
}
.control-group.languages .btn.en {
	background-image: url(../images/flags/en.png);
}
.control-group.languages .btn.pt {
	background-image: url(../images/flags/pt.png);
}

.intCall {
	cursor: pointer;
}

.rightNavContainer {
	margin-left: 0!important;
	width: 100px!important;
}
.phone .rightNavContainer {
	width: 100%!important;
	margin-top: 10px;
}
.btnOnlineContainer {
	white-space: normal;
}
.phone .btnOnlineContainer {
    margin: 0 10px -5px 10px;
    padding: 0 5px 0 2px;
}
.btnOnlineContainer button, .btnOnlineContainer button:active,.btnOnlineContainer button:hover,.btnOnlineContainer button:link{
    min-height: 62px;
    margin: 5px 5px 2px 7px;
    padding: 0px 5px;
    display: block;
    width: 96px;
    background-color: #222;
    color: #fff;
    border:none;
    /* border-bottom: 5px solid #666; */
    border-radius: 6px;
    text-shadow: none;
    background-repeat: no-repeat;
    background-position: center 6px;
}
.phone .btnOnlineContainer button{
	margin: -5px 0 0 0;
    width: 100%;
}
.btnOnlineContainer button span {
	padding-top:30px;
	display: block;
	font-size: 1.3rem;
	text-transform: uppercase;
}
.btnOnlineContainer button.selected{
	background-color: rgba(255,255,255,.5);
    color: #222;
    text-shadow: none;
    border-bottom: none;
    /* border-left: 8px solid #fff; */
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.phone .btnOnlineContainer button.selected{
	margin-bottom: -10px;
	border-top-left-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.btnOnlineContainer button.btnLobby {
	background-image:url(../images/icone_tab/ico_lobby_white.png);
	background-size: auto 30px;
}
.btnOnlineContainer button.btnLobby.selected {
	background-image:url(../images/icone_tab/ico_lobby_black.png);
}
.btnOnlineContainer button.btnFriends {
	background-image:url(../images/icone_tab/ico_friend_white.png);
	background-size: auto 30px;
}
.btnOnlineContainer button.btnFriends.selected {
	background-image:url(../images/icone_tab/ico_friend_black.png);
}
.btnOnlineContainer button.btnRecent {
	background-image:url(../images/icone_tab/ico_recent_white.png);
	background-size: auto 30px;
}
.btnOnlineContainer button.btnRecent.selected {
	background-image:url(../images/icone_tab/ico_recent_black.png);
}
.btnOnlineContainer button.btnSuggested {
	background-image:url(../images/icone_tab/ico_suggeriti_white.png);
	background-size: auto 30px;
}
.btnOnlineContainer button.btnSuggested.selected {
	background-image:url(../images/icone_tab/ico_suggeriti_black.png);
}
.btnOnlineContainer button.btnFBFriends {
	background-image:url(../images/icone_tab/ico_facebook_white.png);
	background-size: auto 30px;
}
.btnOnlineContainer button.btnFBFriends.selected {
	background-image:url(../images/icone_tab/ico_facebook_black.png);
}


.btnOnlineContainer button.selected{
	background-color: rgba(50,50,50,0.5);
	color: #fff;
}
.btnOnlineContainer button.btnLobby.selected {
	background-image:url(../images/icone_tab/ico_lobby_white.png);
}
.btnOnlineContainer button.btnFriends.selected {
	background-image:url(../images/icone_tab/ico_friend_white.png);
}
.btnOnlineContainer button.btnRecent.selected {
	background-image:url(../images/icone_tab/ico_recent_white.png);
}
.btnOnlineContainer button.btnSuggested.selected {
	background-image:url(../images/icone_tab/ico_suggeriti_white.png);
}
.btnOnlineContainer button.btnFBFriends.selected {
	background-image:url(../images/icone_tab/ico_facebook_white.png);
}


#dynamicCol {
	margin-left: 0;
	/* min-height: 341px; */
	position: relative;
}
.phone.landscape #dynamicCol {
	width: 100%;
}
#dynamicCol .contentArea {
	min-height: 352px;
}
.phone #dynamicCol .contentArea {
	margin: 10px 0;
	border-radius: 0;
}
.phone.portrait #dynamicCol .contentArea {
	min-height: 400px;
}
.phone #dynamicCol .contentArea .playersList{
	min-height: 340px;
	padding-bottom: 10px;
}
#dynamicCol .contentArea .playersList .playersList {
	min-height: auto;
}
#dynamicCol .contentArea .playersList .playersList .recentOpponentsList,
#dynamicCol .contentArea .playersList .playersList .suggestedfriends{
	min-height: 206px;
}
#dynamicCol .contentArea p.h4 {
	padding: 5px 0 0px 0;
	line-height: 28px;
	text-shadow: 1px 1px #222;
}
#dynamicCol .contentArea .playersList ul {
	min-height: 270px;
	margin: 0 5px;
}
#dynamicCol .contentArea .playersList .bottomButtons {
	margin-top:5px;
}
#dynamicCol .contentArea .playersList .bottomButtons button{
	margin-top:5px;
	line-height: 22px;
}

#hofHome {

}
.phone #hofHome {
	padding-bottom:5px;
}
#hofHome .span3{
	margin: 0 0 0 10px;
    /*width: 140px;*/
}
.phone #hofHome .span3{
	margin: 0 8px;
    width: auto;
}
#hofHome .hallbox{
	margin: 5px 4px;
	height: 50px;
	text-align: left;
}
.phone #hofHome .hallbox{
	height: 60px;
	margin: 5px 10px;
}
#hofHome .hallbox .playerthumb{
	float: right;
	min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
}
.phone #hofHome .hallbox .playerthumb{
	min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
}
#hofHome .hallbox .name{
	margin: 0px 0 0 5px;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.2rem;
    line-height: 18px;
}
.phone #hofHome .hallbox .name{
	font-size: 1.6rem;
    line-height: 26px;
    padding-left: 5px;
    margin-left: 45px;
}
#hofHome .hallbox .numbers{
	margin: 0px 0 0 5px;
    padding-top: 0;
    white-space: nowrap;
    overflow: hidden;
}
.phone #hofHome .hallbox .numbers{
	padding-left: 5px;
    overflow: visible;
}
#hofHome .hallbox .num{
    font-size: 2.0rem;
    margin: 0;
    line-height: 22px;
    display: block;
    float: left;
}
.phone #hofHome .hallbox .num{
    font-size: 3.6rem;
    margin-top: -10px;
    min-width: 35px;
}
#hofHome .hallbox div span.score{
	background: url(../images/denaro.png) no-repeat left center;
	background-size: auto 100%;
	padding-left: 22px;
	margin-left: 3px;
    line-height: 22px;
    font-size: 1.2rem;
    letter-spacing: -.6px;
}
.phone #hofHome .hallbox div span.score{
    font-size: 1.6rem;
    line-height: 24px;
    letter-spacing: inherit;
    margin-left: 5px;
    padding-left: 26px;
    background-size: auto 90%;
}

#hofHome .halltitle{
	line-height:18px;
	font-size:1.4rem;
	padding: 0;
	overflow: hidden;
	margin: 10px 5px;
	text-transform: uppercase;
}
.phone #hofHome .halltitle{
	margin-bottom: 5px;
}
#hofHome .halltitlemonth {
	display:block;
	font-size: 1.9rem;
    line-height: 22px;
}
.phone #hofHome .halltitlemonth {
	display:inline;
}
#hofHome .halltitlemonth:first-letter {
	text-transform: uppercase;
}

.halloffame {
	padding: 0 10px 10px 10px;
}
.phone.portrait .halloffame {
	margin-bottom: 30px;
}
.halloffame .halltitle{
	padding: 0 10px;
	margin: 0;
	font-size: 1.6rem;
    line-height: 40px;
	text-transform: uppercase;
}
.halloffame .pbox{
	margin: 0 auto;
	max-width: 100px;
	min-height: 106px;
	padding: 5px;
}
.halloffame .pbox .thumbContainer{
	box-sizing: inherit;
}
.halloffame .pbox p{
	margin: 0;
	padding: 0;
	overflow: hidden;
    white-space: nowrap;
}
.halloffame .pbox .thumbContainer p.rank{
	position: absolute;
    top: -6px;
    left: -12px;
    width: 34px;
    height: 34px;
}
.halloffame .pbox .thumbContainer p.rank span{
	display: none;
}
.halloffame .pbox .thumbContainer p.rank.p1{
	background: transparent url(../images/ico_leaders/oro.png) no-repeat center;
	background-size: 100%;
}
.halloffame .pbox .thumbContainer p.rank.p2{
	background: transparent url(../images/ico_leaders/argento.png) no-repeat center;
	background-size: 100%;
}
.halloffame .pbox .thumbContainer p.rank.p3{
	background: transparent url(../images/ico_leaders/bronzo.png) no-repeat center;
	background-size: 100%;
}
.halloffame .pbox p.nick{
	font-size: 1.0rem;
    line-height: 12px;
}
.halloffame .pbox p.score{
	font-size: 1.6rem;
    line-height: 24px;
    color: #aaa;
}
.halloffame .playai1 {
	width: 98%;
    margin: 10px auto 0 auto;
	padding: 5px;
	border-bottom: 5px solid #d99800;
}
.halloffame .playai2 {
	width: 98%;
    margin: 10px auto 0 auto;
	padding: 5px;
	border-bottom: 5px solid #D55A2B;
}
.halloffame .playai3 {
	width: 98%;
    margin: 10px auto 0 auto;
	padding: 5px;
	border-bottom: 5px solid #d52b2b;
}


#bottomHomeArea .otherGames {
	margin-top: 10px;
}
#bottomHomeArea .spaghettiGamesList {
	text-align: center;
}
.phone #bottomHomeArea .spaghettiGamesList {
	min-height: 290px;
}
#bottomHomeArea .spaghettiGamesList p.h4{
    padding: 5px 10px 0 10px;
    margin: 0;
    font-size: 1.6rem;
    line-height: 20px;
}
.phone #bottomHomeArea .spaghettiGamesList p.h4{
    line-height: 30px;
}
#bottomHomeArea .spaghettiGamesList .gamethumb{
	max-width:70px;
	min-width:70px;
	margin: 5px;
	border-radius: 6px;
    border: 1px solid #333;
}
#bottomHomeArea .spaghettiGamesList .gamesNav{
	height: 86px;
	overflow: scroll;
	margin: 0 8px;
    white-space: nowrap;
}
.phone #bottomHomeArea .spaghettiGamesList .gamesNav{
	height: auto;
    white-space: normal;
    padding-bottom: 10px;
}

#bottomHomeArea .likeAppPanel {
	margin-top: 10px;
	min-height: 220px;
}
#bottomHomeArea .likeAppPanel p.h4{
    padding: 5px 10px 0 10px;
    margin: 0;
    font-size: 1.6rem;
    line-height: 20px;
}
.phone #bottomHomeArea .likeAppPanel p.h4{
    line-height: 30px;
}
#bottomHomeArea .likeAppPanel p.btnCont{
	margin: 0;
	padding: 0 10px 10px 10px;
}
#bottomHomeArea .likeAppPanel p.btnCont .btn{
	margin: 10px 5px 0 0;
}

hr.interLineCalls {
	margin: 0 0 2px 0;
}

/* CHAT */
#board .chatWrapper {
	position: absolute;
	z-index: 1200;
	top:0;
	left: 0;
	width: 100%;
	display: none;
}
#board .chatWrapper #chatContainer {
}
#board .chatWrapper #chatContainer .chatContent {
	max-width: 500px;
	margin: 0 auto;
	/*
	background-color: rgba(0,0,0,.6);
	background: #ebebeb url(../images/pattern_popup_waves.png) repeat center;
	*/
	background-color: #333;
    overflow: hidden;
    border-radius: 5px;
}
#board .chatWrapper #chatContainer .chatContent .msgBody{
    min-height: 160px;
    max-height: 160px;
}
/*
.phone #boardNav .chatWrapper #chatContainer .chatContent .msgBody {
    min-height: 140px;
    max-height: 140px;
}
*/
#board .chatWrapper #chatContainer .chatContent .chatItem{
	margin-top: 0px;
}
#chatContainer {
	border-radius: 4px;
	position: absolute;
	width: 100%;
}
#chatContainer .innerMsgBodyContainer {
	/* margin-bottom: 30px; */
	padding-bottom: 10px;
}
#board .chatWrapper #chatContainer .chatContent .msgBody .innerMsgBodyContainer{
	/* margin-bottom: 42px; */
}

#chatContainer .msgListContainer, #chatContainer .msgEmoticonsContainer {
	position: absolute;
	z-index: 10;
	bottom:10px;
	width: 100%;
	max-width: 500px;
	background-color: #222;
	display: none;
	/* overflow-x: auto!important; */
	touch-action: unset!important;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#board #chatContainer .msgListContainer, #board #chatContainer .msgEmoticonsContainer {
	bottom:0;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#chatContainer .msgListContainer .msgListBody, #chatContainer .msgEmoticonsContainer .msgEmoticonsBody {
	min-height: 188px;
    max-height: 188px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#chatContainer .msgListContainer {
	overflow: hidden;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#chatContainer .msgListContainer .msgListBody {
	/* text-align: center; */
	padding-right: 4px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#chatContainer .msgListContainer .msgListBody .blockContainer{
	width: 200px;
	display: inline-block;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#chatContainer .msgListContainer .msgListBody button{
	font-size: 1.1rem;
    text-transform: inherit;
    margin: 4px 0px 0 4px;
    line-height: 21px;
    display: block;
    width: 98%;
    white-space: nowrap;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
#chatContainer .msgEmoticonsContainer {
	overflow: hidden;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#chatContainer .msgEmoticonsContainer .msgEmoticonsBody{
	text-align: left;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#chatContainer .msgEmoticonsContainer .msgEmoticonsBody .blockContainer{
	width: 200px;
	display: inline-block;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#chatContainer .msgEmoticonsContainer .msgEmoticonsBody button{
	display: inline-block;
    margin: 6px 0 0 8px;
	padding: 0;
    background: none;
    border: none;
    font-size: 28px;
    width: 30px;
    height: 30px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


#chatContainer .toolbarBottomChat {
	margin: 1px;
}
#chatContainer .buttons, #chatContainer .buttons:hover{
	position:absolute;
	width: 100%;
	max-width: 500px;
	bottom: 0px;
	z-index: 100;
	background-color: #222;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.modalBody #chatContainer .buttons{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#chatContainer .buttons button{
	margin:2px;
	font-size: 1.6rem;
	border: 0;
	-webkit-box-shadow:none;
	box-shadow: none;
	outline:none;
	padding: 0 5px;
	border-radius: 5px;
}
.phone #chatTopContainer .chatTopContent .navbar .input button{
	line-height:14px;
}

#chatContainer .buttons .btnOpenCloseMessages{
	padding:0;
	width:34px;
	height: 34px;
	background: transparent url(../images/ico_chat/ico_quickmessage.png) no-repeat center;
	background-size: 90%;
}
#chatContainer .buttons .btnOpenCloseMessages.selected{
	background-color: #555;
}
#chatContainer .buttons .btnOpenCloseEmoticons{
	padding:0;
	width:34px;
	height: 34px;
	background: transparent url(../images/ico_chat/ico_emoti.png) no-repeat center;
	background-size: 90%;
}
#chatContainer .buttons .btnOpenCloseEmoticons.selected{
	background-color: #555;
}
#chatContainer .buttons .btnbtnAskFriendship{
	padding:0;
	width:34px;
	height: 34px;
	background: transparent url(../images/ico_chat/ico_amicizia.png) no-repeat center;
	background-size: 100%;
}
#chatContainer .buttons .txtChat{
	width: 96%;
	height:34px;
	line-height: 34px;
	outline:none;
	margin:0;
	padding: 0 5px;
	border: 1px solid #333;
}
.phone #boardNav #chatContainer .buttons .txtChat{
	width: 94%;
}
#leftControls #chatContainer .buttons .txtChat{
	width: 91%;
}
#chatContainer .buttons .btnSendChat {
	padding:0;
	width:34px;
	height: 34px;
	background: transparent url(../images/ico_chat/ico_invia_msg.png) no-repeat center;
	background-size: 86% auto;
}
#chatContainer .buttons .btnCloseChat {
	padding:0;
	width:34px;
	height: 34px;
	background: transparent url(../images/ico_chat/ico_chiudichat_classica.png) no-repeat center;
	background-size: 140%;
}
#leftControls #chatContainer .buttons .tdCloseChat{
	display:none;
}
.modalBody #chatContainer .buttons .txtChat {
	width: 96%;
	height:40px;
	font-size: 2.0rem;
}
.modalBody #chatContainer .buttons .btnSendChat {
	width: 40px;
	height:40px;
}
.modalBody #chatContainer .buttons .btnbtnAskFriendship {
	width: 40px;
	height:40px;
}
.modalBody #chatContainer .buttons .btnOpenCloseEmoticons {
	width: 40px;
	height:40px;
}
.modalBody #chatContainer .buttons .tdCloseChat{
	display:none;
}

#chatContainer .toolbarBottomChat .fakeChatTextBox{
	border-radius: 5px;
	border: 1px solid #222;
	background-color: #ccc;
	color: #555;
	font-family: Arial, sans-serif;
	font-size: 1.2rem;
	line-height: 32px;
	text-align: left;
	margin: 0 2px;
}
#chatContainer .toolbarBottomChat .fakeChatTextBox p{
	max-width: 192px;
}
#leftControls #chatContainer .toolbarBottomChat .fakeChatTextBox p{
	max-width: 98px;
}
#chatContainer .toolbarBottomChat .fakeChatTextBox .btnInfoChat{
	margin: -2px 0 0 0;
    line-height: 26px;
    width: 26px;
}

#chatContainer .chatContent {
}
#chatContainer .chatContent .msgBody {
	overflow: auto;
}

#chatContainer .chatContent .chatItem {
    margin: 10px 5px 0 5px;
}

#chatContainer .chatItem img.playerthumb {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
	border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #fff !important;
}

#chatContainer .chatItem.left .playerthumb {
    margin: 5px;
}
#chatContainer .chatItem table tr td.imgcontainer {
    width: 60px;
}
#chatContainer .chatItem table tr td.margincol {
    width: 60px;
}
.phone.portrait #chatContainer .chatItem table tr td.margincol {
    width: 5px;
}
#chatContainer .chatContent .msgBody .bubble p,
#chatContainer .chatContent .msgBody .bubble a{
	font-family: sans-serif;
	text-shadow: none;
	color:#222;
}
#chatContainer .chatContent .msgBody .bubble p.msgContentTxt .emoti,
.chatboardbaloon .contentMsg .emoti {
    font-size: 36px;
    height: 3ex;
    width: 3.1ex;
    min-height: 30px;
    min-width: 30px;
    /* display: inline-block; */
    line-height: normal;
    vertical-align: middle;
}
.chatboardbaloon .contentMsg p {
	font-family: sans-serif;
	font-size: 1.3rem;
}
#chatContainer .chatContent .chatLnkContainer {
	font-family: sans-serif;
	color: #fff;
	font-size: 1.0rem;
}
#chatContainer .chatContent .chatLnkContainer a,#chatContainer .chatContent .chatLnkContainer a:active,#chatContainer .chatContent .chatLnkContainer a:link,#chatContainer .chatContent .chatLnkContainer a:visited {
	font-family: sans-serif;
	color: #fff;
	font-size: 0.9rem;
}
#chatContainer .chatContent .chatItem .bubble p.timestamp {
    font-size: 0.9rem;
    padding-top: 1px;
}
.modalBody #chatContainer .chatContent .msgBody .bubble p,
.modalBody #chatContainer .chatContent .msgBody .bubble a{
	font-size: 1.6rem;
}
.modalBody #chatContainer .chatContent .chatItem .bubble p.timestamp {
	font-size: 0.9rem;
}

#chatContainer .chatContent .navbar.top {
	background-color: #333;
	text-align: center;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	text-shadow:none;
	min-height: auto;
}
#chatContainer .chatContent .navbar.top a{
	text-shadow:none;
	margin: 2px 5px;
	line-height: 20px;
	font-weight: normal;
}
#chatContainer .chatContent .navbar.top .btn{
	color: #333;
	line-height: 10px;
}
#chatContainer .chatContent .navbar.top a.lnkHideChat{
	display: none;
}
#chatContainer .chatContent .navbar.top .btn-group ul li a{
	color:#222;
}
#chatContainer .chatContent .navbar.top .btn-group ul li a:hover{
	color:#fff;
}
.modalBody #chatContainer .chatContent .navbar.top {
	background-color: #999;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 5px 0
}
.modalBody #chatContainer .chatContent .navbar.top a{
	font-size: 1.4rem;
}
#board .chatWrapper #chatContainer .chatContent .navbar.top a.lnkHideChat {
	float: right;
	display: inline;
}

.phone #board .chatWrapper #chatContainer .chatContent .chatItem .bubble p{
	font-size:1.4rem;
	line-height: 20px;
}
.phone #board .chatWrapper #chatContainer .chatContent .chatItem .bubble p.timestamp{
	font-size:1.1rem;
	line-height: 14px;
}
.phone #board .chatWrapper #chatContainer .chatContent .chatItem img.playerthumb {
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
	border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #fff !important;
    margin-right: 0;
}
.phone #board .chatWrapper #chatContainer .chatContent .chatItem table tr td.imgcontainer {
	width:60px;
}

#chatContainer .chatContent #divEmoticons {
	padding: 5px 0;
	position: absolute;
    bottom: 50px;
    background-color: #222;
    text-align: center;
    z-index: 10;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-radius: 5px;
}

#chatContainer .chatContent .txtmsgChat {
	background-color: #ccc;
	margin: 20px 0;
}
#chatContainer .chatContent .txtmsgChat p{
	margin: 0;
	padding: 10px;
}
#chatContainer .chatContent .txtmsgChat.chatDisabledByUser .btn{
	font-size: 1.2rem;
	line-height: 18px;
}

.btnChat span.label {
	font-family: Arial, sans-serif;
	position: absolute;
	top:1px;
	right: 1px;
	border: 1px solid #333;
    border-radius: 30px;
    line-height: 20px;
    font-size: 14px;
    padding: 0;
	min-width: 20px !important;
	display: none;
}

.btnbtnAskFriendshipInner {
    font-family: sans-serif;
    text-shadow: none;
    margin: 2px 5px;
    line-height: 20px!important;
    font-size: 1.6em!important;
    font-weight: normal;
}
.btnDDAskFriendshipChat {
	margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
	padding:0;
	width:34px;
	height: 34px;
	background: transparent url(../images/ico_chat/ico_amicizia.png) no-repeat center!important;
	background-size: 100%!important;
}

.copyLink {
	display: block;
    margin: 5px auto;
    width: 80%;
}

input.txtFindUser {
	display: block;
	margin: 5px auto;
	width: 260px;
	text-align: center;
	font-size: 1.2rem;
	text-transform: uppercase;
	line-height: 36px;
	border: 2px solid #222;
}
body.standalone input.txtFindUser {
	height: 36px;
}

.levelBadge{
	position: absolute;
	right: -10px;
	top:-5px;
	z-index: 2;
	padding: 0 2px;
    background-repeat: no-repeat;
    background-size: 100%;
	font-size: 1rem;
	text-align: center;
	line-height: 26px;
    width: 24px;
    height: 26px;
}
.levelBadge span{
}

.leaderboardTable .levelBadge.inCell {
	position: static;
    /* display: inline; */
    width: 26px;
    height: 32px;
    line-height: 36px;
    font-size: 1.1rem;
    background-position: center;
}
.playersList .playerItem .teamB .levelBadge.inCell {
	right: auto;
	left: -10px;
}

.leveltype0 {
	background-image: url(../images/stelline/leveltype0.png);
	color: #222;
	text-shadow: 1px 1px 0 #fff;
}
.leveltype1 {
	background-image: url(../images/stelline/leveltype1.png);
	color: #222;
	text-shadow: 1px 1px 0 #fff;
}
.leveltype2 {
	background-image: url(../images/stelline/leveltype2.png);
	color: #222;
	text-shadow: 1px 1px 0 #fff;
}
.leveltype3 {
	background-image: url(../images/stelline/leveltype3.png);
	color: #222;
	text-shadow: 1px 1px 0 #fff;
}
.leveltype4 {
	background-image: url(../images/stelline/leveltype4.png);
	color: #222;
	text-shadow: 1px 1px 0 #fff;
}
.leveltype5 {
	background-image: url(../images/stelline/leveltype5.png);
	color: #fff;
	text-shadow: 1px 1px 0 #222;
}
.leveltype6 {
	background-image: url(../images/stelline/leveltype6.png);
	color: #fff;
	text-shadow: 1px 1px 0 #222;
}
.leveltype7, .leveltype8, .leveltype9 {
	background-image: url(../images/stelline/leveltype7.png);
	color: #fff;
	text-shadow: 1px 1px 0 #222;
}


/*Bottom Box Home Styles*/

.bottomBoxHome {
	margin-bottom: 10px;
}
.bottomBoxHome .titleText{
	font-size: 1.8rem;
    margin: 0;
    padding: 10px 0 0 0;
    text-shadow: 1px 1px #222;
	text-transform: uppercase;
}
.friendslistint {
	position: relative;
	height: 100%;
	min-height: 110px;
}
.friendsItems {
	margin: 0;
}
.phone .friendsItems {
	margin: 0;
	padding-top: 10px;
}
.friendsItems p.h4{
	font-size: 1.4rem;
}
.friendsItems ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.friendsItems ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.friendsItems ul li.friendItem {
	margin: 0px 4px;
	padding: 5px 0 5px 0;
	display: inline-block;
}
.phone .friendsItems ul li.friendItem {
	margin: 0px 3px 6px 3px;
	border-radius: 5px;
	min-width: 110px;
}
.friendsItems ul li.friendItem.lastBtnCont {
	padding: 0;
	vertical-align: top;
}
.friendsItems ul li.friendItem p.pName{
	margin:0 5px;
	padding: 0;
	width: 82px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	font-size: 1.1rem;
	line-height: 16px;
	text-align: center;
	/* text-shadow: 1px 1px #222; */
	text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}
.phone .friendsItems ul li.friendItem p.pName {
	text-shadow: inherit;
	width: 100px;
}
.friendsItems ul li.friendItem p.pName.online{
	padding-left: 14px;
    background: transparent url(../images/ico_online.png) no-repeat left center;
    background-size: auto 70%;
    box-sizing: border-box;
}
.friendsItems ul li.friendItem p.pName.busy{
	padding-left: 14px;
    background: transparent url(../images/ico_busy.png) no-repeat left center;
    background-size: auto 70%;
    box-sizing: border-box;
}
.friendsItems ul li.friendItem p.pName.offline{
	padding-left: 14px;
    background: transparent url(../images/ico_offline.png) no-repeat left center;
    background-size: auto 70%;
    box-sizing: border-box;
}
.friendsItems ul li.friendItem .friendThumbContainer{
	margin: 0 auto 5px auto;
	position: relative;
	text-align: center;
	width: 50px;
	border-radius: 5px;
	border: 1px solid #222;
	box-sizing: content-box;
}
.phone .friendsItems ul li.friendItem .friendThumbContainer{
	margin: 0 auto 5px auto;
	width: 60px;
}
.friendsItems ul li.friendItem .friendThumbContainer .friendThumb{
	width: 50px;
	height: 50px;
	z-index: 1;
	cursor: pointer;
	border-radius: 5px;
}
.phone .friendsItems ul li.friendItem .friendThumbContainer .friendThumb{
	width: 60px;
	height: 60px;
}

.friendsItems ul li.friendItem .friendThumbContainer .levelBadge{
	cursor: pointer;
}

.friendsItems ul li.friendItem .btn{
	font-size: 1.1rem;
	line-height: 16px;
    text-transform: uppercase;
    padding: 4px 8px;
}
.phone .friendsItems ul li.friendItem .btn{
	line-height: 20px;
}
.friendsItems ul li.friendItem .btnTop{
	font-size: 1.2rem;
    line-height: 18px;
    text-align: left;
    text-transform: uppercase;
    padding: 8px 8px 6px 8px;
    word-wrap: break-word;
    width: 92px;
    text-shadow: 1px 1px 0 #222;
    background-color: #4266b2;
    background-image: url(../images/ico_invita_amici.png);
    background-repeat: no-repeat;
    background-size: auto 76%;
    background-position: right center;
    border-bottom: 5px solid #234471;
    box-sizing: border-box;
	display: block;
}
.friendsItems ul li.friendItem .btnBot{
	font-size: 1.2rem;
	line-height: 18px;
    text-transform: uppercase;
    padding: 7px 8px 2px 8px;;
    word-wrap: break-word;
    width: 92px;
    margin-top: 5px;
    border-bottom: 5px solid #444;
    box-sizing: border-box;
	display: block;
}
.phone .friendsItems ul li.friendItem .btnTop, .phone .friendsItems ul li.friendItem .btnBot {
	line-height: 22px;
	width: 110px;
}
#btnAgreeAdConsent, #btnAcceptPolicy {
	font-size: 18px;
	padding: 12px 36px;
	font-weight: bold;
	text-shadow: 1px 1px #222;
}
#btnAcceptPolicy {
	margin: 10px auto;
}

.adconsentinit #btnOtherOptions {
	color:#666;
	text-transform: uppercase;
	font-size: 1.6rem;
	line-height: 30px;
	text-decoration: underline;
}
.adconsentko #btnSaveConsent {
	color:#666;
}

.txtpage .policyagreement {
}
.txtpage .policyagreement img.spalogo, .txtpage .adconsentinit img.spalogo{
	width: 200px;
	margin: 10px auto 0px auto;
}
.txtpage .adconsentinit img.spalogo {
	display: none;
}
.phone.portrait .txtpage .policyagreement img.spalogo, .phone.portrait .txtpage .adconsentinit img.spalogo{
	height: 100px;
	margin: 10px auto;
	display: inline;
}

#btnDisAgreeAdConsent {

}

#btnDisAgreeAdConsentMobile {
	font-size: 14px;
	line-height: 18px;
}

.txtpage .policyagreement h3{
	font-family: oswald_regularregular;
	color: #666;
	font-size: 1.6rem;
	text-align: center;
}

.adconsent_otheroptions {
	display: none;
}
.adconsentok {
	display: none;
}
.adconsentko {
	display: none;
}
.txtpage #btnRemoveAdv {
	text-shadow:1px 1px #333;
}
.txtpage .adconsentko ul li {
	font-family: oswald_regularregular;
	text-align: justify;
	color: #999;
	font-size: 1.4rem;
}
.phone .txtpage .adconsentko ul li {
	font-size: 1.4rem;
}
.txtpage .adconsentinit p,.txtpage .adconsentko p, .txtpage .adconsent_otheroptions p , .txtpage .policyagreement p {
	font-family: oswald_regularregular;
	text-align: justify;
	color: #999;
	font-size: 1.4rem;
}
.txtpage .adconsentinit strong,.txtpage .adconsentko strong, .txtpage .adconsent_otheroptions strong , .txtpage .policyagreement strong{
	font-size: 1.4rem;
	color: #666;
}
.phone .txtpage .adconsentinit p, .phone .txtpage .adconsentko p, .phone .txtpage .adconsent_otheroptions p, .phone .txtpage .policyagreement p {
	font-size: 1.4rem;
}
.phone .txtpage .adconsentinit a, .phone .txtpage .adconsentko a, .phone .txtpage .adconsent_otheroptions a, .phone .txtpage .policyagreement a {
	text-decoration: underline;
	font-size: 1.4rem;
}

.adconsentko .checkboxContainer {
	text-align:center!important;
	margin: 20px auto;
}
.adconsentko .checkboxContainer label{
	font-size:1.6rem;
}
.adconsentko .checkboxContainer input{
	width: 20px;
	height: 20px;
}

.nicescroll-cursors, .nicescroll-rails.nicescroll-rails-vr {
	display: none!important;
}

.subscriptionmessage {
	font-family: oswald_regularregular;
}
.subscriptionmessage .bottomText p{
	font-size: 1.1rem;
	padding: 0 10px;
	text-align: justify;
	line-height: 20px;
}
.subscriptionmessage .bottomText p .storedesc{
	color: #666;
}
.subscriptionmessage .topText{
	line-height: 60px;
	font-size: 2.6rem;
	text-align: center;
	margin: 0;
}
.phone .subscriptionmessage .topText{
    display: block;
}
.subscriptionmessage p a.newWin{
	text-decoration:underline;
}

.premiumFeatures {
	width: 100%;
	border: 0;
}
.premiumFeatures {
}
.premiumFeatures td.spacer{
	height: 2px;
	line-height: 2px;
	padding: 0;
	margin: 0;
	background-color: #e2e2e2;
}
.premiumFeatures th {
	vertical-align: top;
}
/*
.premiumFeatures th.gold {
	background-image: url(../images/ico_gold.png);
	background-size: 30px 30px;
	background-position: 5px center;
	background-repeat: no-repeat;
}
*/
.premiumFeatures th,.premiumFeatures td{
	line-height: 20px;
	text-align: center;
	padding: 8px 5px;
	font-size: 1.1rem;
}
.premiumFeatures .desc {
	text-align: left;
	padding-left: 10px;
}
.premiumFeatures .desc, .premiumFeatures .base{
	background-color: rgba(255,255,255,0.9);
}
.premiumFeatures .gold{
	background-color: #333;
	color: #dabe01;
}
.premiumFeatures .gold p.phead, .premiumFeatures .base p.phead{
	margin-bottom: 0;
	font-size: 1.4rem;
}
.premiumFeatures .desc p.small{
	margin-bottom: 0;
	font-size: .8rem;
}
.premiumFeatures .gold .goldDesc{
	font-size: .8rem;
    line-height: 10px;
    margin-top: 5px;
    display: none;
}
/*
.btnBuyContainer .btnProceedWeek {
	font-size: 1.4rem;
	line-height: 40px;
}
.btnBuyContainer .btnProceedMonth{
	font-size: 1.4rem;
	line-height: 40px;
}
.btnBuyContainer .btnProceedYear {
	font-size: 1.4rem;
	line-height: 40px;
}
.btnBuyContainer .btnDontProceed {
	font-size: 1.1rem;
	padding: 5px 10px;
	line-height: 26px;
	text-shadow: none!important;
}
*/
.btnBuyContainer .btnNotInterestedContainer {
	display: none;
}

.btnBuyContainer button.btnRefreshBuy {
	line-height: 26px;
	min-width: 200px;
	text-shadow: none!important;
}

.subscriptionmessage .availablePlatforms {
	text-align: center;
}
.subscriptionmessage .availablePlatforms img{
	margin: 10px 5px;
	cursor: pointer;
}

#btnInviteSocialShare {
	border-radius: 5px;
	background: rgb(47,70,147);
	background: linear-gradient(0deg, rgba(47,70,147,1) 0%, rgba(95,210,227,1) 100%);
    width: 170px;
    margin: 10px 5px 0 5px;
    padding: 0 5px;
}
#btnInviteSocialShare span{
	display: block;
	background: transparent url(../images/ico_socialshare.png) no-repeat left center;
	background-size: auto 80%;
	color: #fff;
    text-shadow: 1px 1px #222;
    padding: 5px 5px 5px 50px;
    font-size: 1.2rem;
    line-height: 20px;
}
#btnSendByWhatsapp {
	border-radius: 5px;
	background: rgb(8,185,38);
	background: linear-gradient(0deg, rgba(8,185,38,1) 0%, rgba(93,250,121,1) 100%);
    width: 170px;
    margin: 10px 5px 0 5px;
    padding: 0 5px;
}
#btnSendByWhatsapp span{
	display: block;
	background: transparent url(../images/ico_whatsapp.png) no-repeat left center;
	background-size: auto 80%;
	color: #fff;
    text-shadow: 1px 1px #222;
    padding: 5px 5px 5px 50px;
    font-size: 1.2rem;
    line-height: 20px;
}

.loginPnl .btn_ap_login, .loginPnl .btn_gc_login {
	margin-top:10px;
}

.tblHomePlayBtns .btn {
	width: 100%;
}

.pnlBoxpopup {

}
.pnlBoxpopup .pnlBoxHead {
	margin:1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #222;
	position: relative;
}
.pnlBoxpopup .pnlBoxHead .btnClose, .pnlBoxpopup .pnlBoxHead .btnClose:active, .pnlBoxpopup .pnlBoxHead .btnClose:hover, .pnlBoxpopup .pnlBoxHead .btnClose:focus {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 34px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 2.4rem;
	position: absolute;
	right: 0;
}
.pnlBoxpopup .pnlBoxHead .headTxt{
	line-height: 40px;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0 10px;
	font-size: 1.8rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.popupSimpleContainter {

}
.popupSimpleContainter.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 100;
}
  
.popupSimpleContainter .popupSimple {
	background-color: #fff;
	border-radius: 10px;
	margin: 6% auto;
	padding: 10px;
	max-width: 410px;
	min-height: 200px;
	overflow: auto;
}
.popupSimpleContainter .popupSimple .head {
	text-align: center;
	margin-bottom: 16px;
}
.popupSimpleContainter .popupSimple .head img {
	height: 92px;
    margin-bottom: 5px;
}
.popupSimpleContainter .popupSimple .head h3{
	padding: 0;
    margin: 0;
	line-height: 32px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}
.popupSimpleContainter .popupSimple .popupBody {
	padding:0 0px;
	clear: both;
}
.popupSimpleContainter .popupSimple .body, .popupSimpleContainter .popupSimple p, .popupSimpleContainter .popupSimple ul, .popupSimpleContainter .popupSimple ul li {
	line-height: 16px;
	font-size: 1.0rem;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #555;
}
.popupSimpleContainter .popupSimple p {
	margin: 0;
	padding: 2px 0;
	line-height: 20px;
}
.popupSimpleContainter .popupSimple p.bold {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.popupSimpleContainter .popupSimple a {
	text-decoration: underline;
}
.popupSimpleContainter .popupSimple .scrollBody {
}
.popupSimpleContainter .popupSimple .buttons {
	margin: 15px 0 0 0;
	text-align: center;
}
.popupSimpleContainter .popupSimple button{
	display: block;
	margin: 10px auto 0 auto;
	padding: 0 16px;
    line-height: 38px;
    font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	border-radius: 18px;
	background-color: #fff;
	color: #555;
	text-transform: inherit!important;
	min-width: 260px;
}
.popupSimpleContainter .popupSimple .buttons button.btnUpgrade{
	padding-left: 0;
}
.popupSimpleContainter .popupSimple .buttons button.btnAccept,
.popupSimpleContainter .popupSimple .buttons button.btnContinua {
	background-color: #0e90d2;
	color: #fff;
}
.popupSimpleContainter .popupSimple .head button.btnDeny {
	margin: 0px auto 0px auto;
	padding: 0 10px;
	min-width: auto;
	float: right;
	line-height:32px;
}

/* .circlerwaitloader {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    animation: roll 1s ease-in-out infinite alternate;
	margin: 0 auto;
}
.circlerwaitloader:after{
	content:"";
	position: absolute;
	inset: 5px;
	border-radius: 50%;
	border: 5px solid ;
	border-color: #ff3d00 transparent;
}
@keyframes roll {
	0% {
		transform: translateX(-150%) rotate(0deg) ;
	}
	100% {
		transform:  translateX(150%) rotate(360deg);
	}
} */

.boxWaitForOpponentloader {
	width: 100%;
	height: 4.8px;
	display: inline-block;
	position: relative;
	background: rgba(255, 255, 255, 0.15);
	overflow: hidden;
	margin: 0 auto;
}
.boxWaitForOpponentloader::after {
	content: '';  
	box-sizing: border-box;
	width: 0;
	height: 4.8px;
	background: #333;
	position: absolute;
	top: 0;
	left: 0;
	animation: animFw 10s linear infinite;
}
@keyframes animFw {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.currencyAnimBox {
	display: none;
	position: absolute;
	z-index:2000;
	width: 36px;
	height: 36px;
}
.currencyAnimBox.soft {
	background: url(../images/currencies/ico-coin.png) no-repeat center;
    background-size: 100%;
}
.currencyAnimBox.hard {
	background: url(../images/currencies/ico-gem.png) no-repeat center;
    background-size: 100%;
}

#walletAnimBox {
	display: none;
	position: absolute;
	opacity:0;
	z-index:2000;
	top: 12px;
	width: 100%;
	text-align: center;
}
#walletAnimBox .coinAnimContainer {
	position: absolute;
	top:0;
    margin: 0 20px;
    padding: 0;
    /* background-color: #eee; */
	box-sizing: content-box;
    border-radius: 35px;
	min-width: 180px;
	/* border:2px solid #333; */
}
.phone #walletAnimBox .coinAnimContainer {
    margin: 0 5px;
}
/* #walletAnimBox .coinAnimContainer.incr {
	border:4px solid #fff;
}
#walletAnimBox .coinAnimContainer.decr {
	border:4px solid #fff;
} */
#walletAnimBox .coinAnimContainer p{
	color: #222;
    padding: 4px 10px 4px 30px;
    margin: 6px;
    font-size: 1.8rem;
    line-height: 20px;
	color: #333;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
#walletAnimBox .coinAnimContainer.incr p{
	color:#0a6d0a;
}
#walletAnimBox .coinAnimContainer.decr p{
	color:#c13c35;
}

#walletAnimBox .coinAnimContainer.soft{
	left: auto;
    right: 0;
}
#walletAnimBox .coinAnimContainer.soft p{
	/* background: url(../images/currencies/ico-coin.png) no-repeat left center; */
    background-size: auto 100%;
}
#walletAnimBox .coinAnimContainer.hard{
	left: 0;
    right: auto;
}
#walletAnimBox .coinAnimContainer.hard p{
	/* background: url(../images/currencies/ico-gem.png) no-repeat left center; */
    background-size: auto 100%;
}

.jackpotWinnerDiv {
	font-size: 1.6rem;
	text-align: center;
}
.jackpotWinnerDiv h3{
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 1.4rem;
}
.jackpotWinnerDiv .trophy {
	margin: 10px 0 20px 0;
	width: 160px;
	height: 160px;
}
.jackpotWinnerDiv .lblCurrencyVal{
	font-size: 1.4rem;
    line-height: 26px;
    height: 26px;
    padding: 0 10px 0 32px;
}
.jackpotWinnerDiv p{
	font-size: 0.9rem!important;
    font-family: oswald_regularregular;
	margin: 5px 0!important;
	line-height: 16px !important;
}

.iapConsumableBoughtDiv {
	font-size: 1.6rem;
	text-align: center;
}
.iapConsumableBoughtDiv h3{
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 1.4rem;
}

.welcomeBonusPopupInner {
	text-align: center;
}
.welcomeBonusPopupInner .wbpimg{
	margin: 0 auto 10px auto;
	width: 100px;
	height: 80px;
	background: transparent url(../images/currencies/ico-coins-b.png) no-repeat center;
    background-size: auto 100%;
}

.btnNewFreeMatch, .btnNewFreeMatch:active, .btnNewFreeMatch:hover, .btnNewFreeMatch:focus {
	background: #5bb75b url(../images/rewarded_icon.png) no-repeat 98% center;
	background-size: auto 88%;
	padding: 7px 46px 7px 10px;
    text-shadow: -1px -1px 0 #33333354, 1px -1px 0 #33333354, -1px 1px 0 #33333354, 1px 1px 0 #33333354;
	text-transform: uppercase;
}

.clubsList {

}
.clubsList.playersList .playerItem {
	width: 48%;
}

.modalContentBox .clubedit .clubDataForm input,
.modalContentBox .clubedit .clubDataForm textarea{
	width: 96%;
}
.modalContentBox .clubedit .controls {
	margin-left: auto;
}
.modalContentBox .clubedit .controls .clubinviteonly {
	padding: 0;
}

.startpanel .clubdata .dati .clubthumb {
	background: url(../images/avatars/0.jpg) no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
	margin: 5px;
	border: 1px solid #222;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	min-width: 55px;
	min-height: 55px;
	max-width: 55px;
	max-height: 55px;
}

.clubdata .dati .nameContainer {
	overflow: hidden;
}
.clubdata .dati p.pname {
    font-size: 1.7rem;
    line-height: 24px;
    padding-top: 4px;
		margin: 0;
    white-space: nowrap;
    text-overflow: clip;
    width: 180px;
}

.btnTryReconnect {
	text-shadow: 1px 1px 0 #222;
}

.loginSupportPanel {
	border-radius: 10px;
    border: 1px solid #666;
    padding: 10px;
    margin-top: 10px;
    background: #eee;
}
.loginSupportPanel p {
	font-size:1.1rem;
	margin:5px 10px;
}

.bootbox .bannedUserMsg img {
	margin: 10px auto;
	border:1px solid #333;
    border-radius: 10px;
	display: block;
}

.downloadMobileContainer img {
	max-width: 120px;
}

.shop .topLabelText p {
	text-align: center;
    /* font-family: oswald_regularregular; */
	margin: 0 auto;
	line-height: 20px;
	/* text-decoration: underline; */
}
.shop .topLabelText.noadslbl {
	background: #cccccc url(../images/ico-noads.png) no-repeat 5px center;
    background-size: auto 80%;
    vertical-align: middle;
    margin: 0 5px 5px 5px;
    padding: 5px 5px 5px 40px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    text-transform: uppercase;
}
.shop .topLabelText.noadslbl p span {
	display: block;
	text-decoration: underline;
}.toast-title {
    font-weight: bold;
  }
  .toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
  }
  .toast-message a,
  .toast-message label {
    color: #FFFFFF;
  }
  .toast-message a:hover {
    color: #CCCCCC;
    text-decoration: none;
  }
  .toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
  }
  .toast-close-button:hover,
  .toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }
  .rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
  }
  /*Additional properties for button version
   iOS requires the button element instead of an anchor tag.
   If you want the anchor version, it requires `href="#"`.*/
  button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }
  .toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
  }
  .toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
  }
  .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .toast-top-left {
    top: 12px;
    left: 12px;
  }
  .toast-top-right {
    top: 12px;
    right: 12px;
  }
  .toast-bottom-right {
    right: 12px;
    bottom: 12px;
  }
  .toast-bottom-left {
    bottom: 12px;
    left: 12px;
  }
  #toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
  }
  #toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
  }
  #toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
  }
  #toast-container > div:hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
  }
  #toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
  }
  #toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
  }
  #toast-container.toast-top-center > div,
  #toast-container.toast-bottom-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  #toast-container.toast-top-full-width > div,
  #toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  .toast {
    background-color: #030303;
  }
  .toast-success {
    background-color: #51A351;
  }
  .toast-error {
    background-color: #BD362F;
  }
  .toast-info {
    background-color: #2F96B4;
  }
  .toast-warning {
    background-color: #F89406;
  }
  .toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }
  /*Responsive Design*/
  @media all and (max-width: 240px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 11em;
    }
    #toast-container > div.rtl {
      padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
      left: -0.2em;
      right: 0.2em;
    }
  }
  @media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 18em;
    }
    #toast-container > div.rtl {
      padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
      left: -0.2em;
      right: 0.2em;
    }
  }
  @media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
      padding: 15px 15px 15px 50px;
      width: 25em;
    }
    #toast-container > div.rtl {
      padding: 15px 50px 15px 15px;
    }
  }.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */

 .cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}/*!
 * Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child .cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
#board
{
	color: #000;
	text-decoration: none;
	/*
	font: 14px blok-heavy, helvetica, arial, sans-serif;
	*/
	font-size:1.4rem;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	z-index:102;
	background-color:#333;
}
#bgVign {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	background:url(../images/vignettatura.png) no-repeat center;
	background-size:100% 100%;
	opacity: .5;
}

/*New board bgs*/
.bgclassic {
	background:#000 url(../images/game/bgboard/verde.png) repeat center;
}
.phone .bgclassic {
	background-size: 20%;
}
.bgone {
	background:#000 url(../images/game/bgboard/rosso.png) repeat center;
}
.phone .bgone {
	background-size: 20%;
}
.bgtwo {
	background:#000 url(../images/game/bgboard/ciano.png) repeat center;
}
.phone .bgtwo {
	background-size: 20%;
}

.bgthree {
	background:#000 url(../images/game/bgboard/pattern1.png) repeat center;
}
.bgfour {
	background:#000 url(../images/game/bgboard/pattern2.png) repeat center;
}
.bgfive {
	background:#000 url(../images/game/bgboard/flowers.png) repeat center;
}


#boardMsgBox {
	position:absolute;
	display:none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	width:300px;
	height:67px;
	opacity:0;
	z-index:1000;
	font-size:3.0rem;
	font-weight:bold;
	text-align:center;
	text-shadow: 2px 2px 3px #000;
	color:#fff;
}

.card
{
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
	z-index:100;

	/*
	-webkit-transform: translate(5px, 5px);
	-moz-transform: translate(5px, 5px);
	transform: translate(5px, 5px);

	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-ms-tap-highlight-color: rgba(0,0,0,0);
	*/

	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

}
.csstransforms3d .card
{
	-webkit-transform: translate3d(5px,5px,0);
}
.card .front
{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	/*
	-webkit-transform: translate3d(0,0,0,-180deg);
	-moz-transform: translate3d(0,0,0,180deg);

	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	*/

	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;

}
/*
.csstransforms3d .card .front
{
	-webkit-transform: translate3d(0,0,0,-180deg);
}
*/
.card .back
{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	/*
	-webkit-transform: translate3d(0,0,0,0deg);
	-moz-transform: translate3d(0,0,0,0deg);

	-webkit-transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	*/

	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
}
/*
.csstransforms3d .card .front
{
	-webkit-transform: translate3d(0,0,0,0deg);
}
*/
.card.revealed .front
{
}
.card.revealed .back
{
}
.card .cardimg
{
	position:absolute;
	left:0;
	top:0;
	z-index:2;

	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition-duration: 0.3s;  /* Chrome 1-25, Safari 3.2+ */
	     -moz-transition-duration: 0.3s;  /* Firefox 4-15 */
	       -o-transition-duration: 0.3s;  /* Opera 10.50–12.00 */
	          transition-duration: 0.3s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition-timing-function: ease-out;  /* Chrome 1-25, Safari 3.2+ */
	     -moz-transition-timing-function: ease-out;  /* Firefox 4-15 */
	       -o-transition-timing-function: ease-out;  /* Opera 10.50–12.00 */
	          transition-timing-function: ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

  -webkit-transform: rotate(0deg);  -webkit-transform-style: preserve-3d;
     -moz-transform: rotate(0deg);     -moz-transform-style: preserve-3d;
      -ms-transform: rotate(0deg);      -ms-transform-style: preserve-3d;
          transform: rotate(0deg);          transform-style: preserve-3d;
}

.card .cardimg.flip
{
	/*
  -webkit-perspective: 300px;
     -moz-perspective: 300px;
      -ms-perspective: 300px;
          perspective: 300px;
    */

	-webkit-transition-duration: 0.2s;  /* Chrome 1-25, Safari 3.2+ */
	     -moz-transition-duration: 0.2s;  /* Firefox 4-15 */
	       -o-transition-duration: 0.2s;  /* Opera 10.50–12.00 */
	          transition-duration: 0.2s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition-timing-function: ease-in;  /* Chrome 1-25, Safari 3.2+ */
	     -moz-transition-timing-function: ease-in;  /* Firefox 4-15 */
	       -o-transition-timing-function: ease-in;  /* Opera 10.50–12.00 */
	          transition-timing-function: ease-in;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

  -webkit-transform: rotateY(90deg);  -webkit-transform-style: preserve-3d;
     -moz-transform: rotateY(90deg);     -moz-transform-style: preserve-3d;
      -ms-transform: rotateY(90deg);      -ms-transform-style: preserve-3d;
          transform: rotateY(90deg);          transform-style: preserve-3d;

}


/*
.card .cardimg.flip {
	-webkit-animation-name: flip;
	-moz-animation-name: flip;
	-o-animation-name: flip;
	animation-name: flip;
}
@-webkit-keyframes flip {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotateY(15deg); }
	40% { -webkit-transform: rotateY(30deg); }
	60% { -webkit-transform: rotateY(45deg); }
	80% { -webkit-transform: rotateY(65deg); }
	100% { -webkit-transform: rotateY(90deg); }
}

@-moz-keyframes flip {
	20% { -moz-transform: rotateY(15deg); }
	40% { -moz-transform: rotateY(30deg); }
	60% { -moz-transform: rotateY(45deg); }
	80% { -moz-transform: rotateY(65deg); }
	100% { -moz-transform: rotateY(90deg); }
}

@-o-keyframes flip {
	20% { -o-transform: rotateY(15deg); }
	40% { -o-transform: rotateY(30deg); }
	60% { -o-transform: rotateY(45deg); }
	80% { -o-transform: rotateY(65deg); }
	100% { -o-transform: rotateY(90deg); }
}

@keyframes flip {
	20% { transform: rotateY(15deg); }
	40% { transform: rotateY(30deg); }
	60% { transform: rotateY(45deg); }
	80% { transform: rotateY(65deg); }
	100% { transform: rotateY(90deg); }
}
*/


.card .selection
{
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	display:none;
}
.card.selected .selection
{
	display:block;
}

#deckcount {
	position:absolute;
	z-index:201;
}
#deckcount .label {
	text-align:center;
	text-shadow: none;
	border: 1px solid #fff;
	border-radius: 100%;
	font-family: oswald_regularregular;
	font-size: 1.4rem;
	min-width: 28px;
	line-height: 28px;
	margin: 0;
	padding: 2px;
	background-color: #222;
}
.phone #deckcount .label {
	font-size: 1.2rem;
	min-width: 24px;
	line-height: 22px;
}

#scopeOpponent
{
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
}
#scopeOpponent .label
{
	font-size:2.0rem;
	line-height:20px;
	text-shadow: 2px 2px 0 #222;
	color:#fff;
}
.phone #scopeOpponent
{
	width:50px;
	height:30px;
	font-size:2.0rem;
}
#scopePlayer
{
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
}
#scopePlayer .label
{
	font-size:2.0rem;
	line-height:20px;
	text-shadow: 2px 2px 0 #222;
	color:#fff;
}
.phone #scopePlayer
{
	width:50px;
	font-size:2.0rem;
}

/*new cards*/
.newcard {
	position: absolute;
    cursor: pointer;
    /*
    height: 123px;
    width: 80px;
    */
	-webkit-perspective: 1000;

	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	display: none;
}

.newcard .selection {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	z-index: 100;
	background-size: 1000% 500%;
	display: none;
}
.newcard.selected .selection
{
	display:block;
	background-position: 100% 100%;
}

.newcard .cardimg {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	z-index: 99;
	-webkit-transition-duration: 0.2s;  /* Chrome 1-25, Safari 3.2+ */
	     -moz-transition-duration: 0.2s;  /* Firefox 4-15 */
	       -o-transition-duration: 0.2s;  /* Opera 10.50–12.00 */
	          transition-duration: 0.2s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition-timing-function: ease-out;  /* Chrome 1-25, Safari 3.2+ */
	     -moz-transition-timing-function: ease-out;  /* Firefox 4-15 */
	       -o-transition-timing-function: ease-out;  /* Opera 10.50–12.00 */
	          transition-timing-function: ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

	-webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	      transform: rotate(0deg);
  -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
          transform: rotateY(0deg);

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.newcard .cardimg .img{
	width: 100%;
	height: 100%;
	background-size: 1000% 500%;
}

.newcard .cardimg.flip {
  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
          transform: rotateY(90deg);
}
.newcard .cardimg.flipback {
  -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
/*
.newcard .cardimg.rotateupsidedown
{
  -webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.newcard .cardimg.rotateleft
{
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
*/
/*
.newcard .cardimg.rotateleft.flip
{
  -webkit-transform: rotate(-90deg) rotateY(45deg);
     -moz-transform: rotate(-90deg) rotateY(45deg);
      -ms-transform: rotate(-90deg) rotateY(45deg);
          transform: rotate(-90deg) rotateY(45deg);
}
.newcard .cardimg.rotateleft.flipback
{
  -webkit-transform: rotate(0deg) rotateY(45deg);
     -moz-transform: rotate(0deg) rotateY(45deg);
      -ms-transform: rotate(0deg) rotateY(45deg);
          transform: rotate(0deg) rotateY(45deg);
}
*/
/*
.newcard .cardimg.flip.rotateleft
{
  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.newcard .cardimg.flipback.rotateleft
{
  -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
*/
.newcard .cardimg.rotateright
{
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*
.newcard .cardimg.flip.rotateright
{
  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.newcard .cardimg.flipback.rotateright
{
  -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
*/

.newcard .cardDragHandler {
	position: absolute;
	z-index: 101;
	width: 100%;
	height: 100%;
}


.cardDragHandler.gu-mirror {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.cardDragHandler.gu-transit {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

.cardDragHandler.gu-mirror .dragContainer {
	position:relative;
}
.cardDragHandler.gu-mirror .cardDragHandler {
	position: absolute;
}
.cardDragHandler.gu-mirror .cardimg {
	position: relative;
}

.imgCard {
	background-size: 1000% 500%;
	background-position: left top;
}
.imgCard.back {
	background-image: url(../images/game/napoletane.png);
}
.imgCard.back.original {
	background-position: left bottom;
}
.imgCard.back.original2 {
	background-position: 11.1% bottom;
}
.imgCard.back.original3 {
	background-position: 22.2% bottom;
}
.imgCard.back.spaghetti1 {
	background-position: 33.3% bottom;
}
.imgCard.back.spaghetti2 {
	background-position: 44.4% bottom;
}
.imgCard.back.spaghetti3 {
	background-position: 55.5% bottom;
}



/* Wrapper 1 */

#wrapper1, #wrapper2, #wrapper3 {
    width:100%;
    height:160px;
    margin: 20px auto 0 auto;
    z-index:1;
    overflow:hidden;
    position:relative;
}
#wrapper1, #wrapper3 {
    height:184px;
}
#scroller1, #scroller2, #scroller3 {
    width:500%;
    height:100%;
    padding:0;
    position: absolute;
    left:0;
    top:0;
}

#scroller1 ul, #scroller2 ul, #scroller3 ul {
    list-style:none;
    width:150%;
    height:100%;
    padding:0;
    margin:0;
    text-align:left;
}

#scroller1 li, #scroller2 li, #scroller3 li {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    display:block; float:left;
    width:400px;
    height:160px;
    text-align:center;
    font-size:1.8rem;
}
#scroller1 li, #scroller3 li {
    height:174px;
}


.cards#wrapper1 {
    width:160px;
    margin:0 auto;
    padding-top:10px;
    float: none;
	background: rgba(255,255,255,0.7);
	border-radius: 5px;
}
.cards #scroller1 {
	width:1600%;
}
.cards #scroller1 ul li{
	width:160px;
	color:#383838;
	font-size:2.4rem!important;
	text-shadow:none;
	margin: 0;
}
.cards #scroller1 ul li img{
	height:120px!important;
	margin-top:10px;
}
.carte.carouselNav {
	width:280px;
	margin:0 auto;
}

.cardsback#wrapper3 {
    width:160px;
    margin:0 auto;
    padding-top:10px;
    float: none;
	background: rgba(255,255,255,0.7);
	border-radius: 5px;
}
.cardsback #scroller3 {
	width:400%;
}
.cardsback #scroller3 ul li{
	width:160px;
	color:#383838;
	font-size:2.4rem!important;
	text-shadow:none;
	margin: 0;
}
.cardsback #scroller3 ul li img{
	height:120px!important;
	margin-top:10px;
}
.carteback.carouselNav {
	width:280px;
	margin:0 auto;
}

.sfondi#wrapper2 {
	background: rgba(255,255,255,0.7);
	border-radius: 5px;
    width:160px;
    margin:0 auto;
    padding-top:10px;
    float: none;
}
.sfondi #scroller2 {
	width:700%;
}
.sfondi #scroller2 ul li{
	width:160px;
	color:#383838;
	font-size:2.4rem!important;
	text-shadow:none;
	margin: 0;
}
.sfondi #scroller2 ul li img{
	height:120px!important;
	margin-top:10px;
	border-radius: 6px;
    border: 1px solid #333;
}
.sfondi.carouselNav {
	margin:0 auto;
}


.boardDetailsPanel .cardsContainer {
	position: relative;
}
.boardDetailsPanel .imgCard {
	position: absolute;
	z-index: 50;
}
.boardDetailsPanel .imgCard.scopa {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

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

  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

#board .lastHandContainer {
	position: absolute;
	z-index: 1200;
	width: 100%;
}
#board .lastHand {
	max-width: 360px;
	margin: 0 auto 0 auto;
	padding: 10px;
	text-align: center;
	display: none;
}
#board .lastHand .innerBox{
	padding: 20px;
}
#board .lastHand p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4rem;
	line-height: 16px;
}
#board .lastHand .imgCard {
	margin: 0 auto 5px auto;
}
#board .lastHand .buttons {
	margin-top: 10px;
}

.gameCallsContainer .imgCard {
	margin: 5px 2px;
	display: inline-block;
}

.settingsform .cards .imgCard, .settingsform .cardsback .imgCard {
	margin: 0 auto;
	float: none;
}

.triangle-isosceles {
	position:relative;
	z-index: 1300;
	padding:5px;
	margin:5px auto;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	/* css3 */
	background:linear-gradient(rgb(255, 255, 255), #b5b5b5);
	border:2px solid #222;
	border-radius:10px;
	min-height: 40px;
	max-width: 260px;
	font-size: 1.2rem;
}
.triangle-isosceles p {
	line-height: 16px;
	margin: 0;
	padding: 0;
}
/* creates triangle */
.triangle-isosceles:after {
  content:"";
  position:absolute;
  top:-18px; /* value = - border-top-width - border-bottom-width */
  right:20px; /* controls horizontal position */
  border-width:0 15px 18px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#222 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}
.chatboardbaloon {
	margin-top: 60px;
	max-height: 60px;
	overflow: hidden;
}



/*BOARDNAV*/

#boardNav .boardNavMessages .label {
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 20px;
    padding-left: 22px;
}
/*
body.phone #boardNav .boardNavMessages img.playerthumb {
	width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    max-width: 34px;
    max-height: 34px;
}
.phone #boardNav .boardNavMessages .label {
	font-size: 14px;
	line-height: 20px;
    padding-left: 22px;
}
*/
#boardNav .playerDeclarations {
	display: none;
}

#boardNav .boardNavContent {
	/*background-color: #222;*/
    margin: -3px auto 0 auto;
    border: 1px solid #222;
    min-height: 46px;
}
.phone.portrait #boardNav .boardNavContent {
	/*background-color: #222;*/
	margin: 0 auto;
	border: 0;
	min-height: 44px;
}

#boardNav .boardNavMessages {
	margin: -44px auto 0 auto;
}
.phone.portrait #boardNav .boardNavMessages {
	margin: -44px auto 0 auto;
}

#boardNav .boardNavMessages img.playerthumb {
	width: 38px;
	height: 38px;
	min-width: 38px;
    min-height: 38px;
    max-width: 38px;
    max-height: 38px;
}

#boardNav .msgContent{
	margin: 2px 44px 0 44px;
}
.phone #boardNav .boardNavMessages p.boardMsgLabel {
	margin-top: 2px;
	line-height: 18px;
}

/*
#boardNav .boardNavMessages .progress {
	margin-top: -1px;
}
*/


/*FROM BOARD INTERNATIONAL*/

#mainPlayerMessages {
	display: none;
	text-align: center;
	z-index: 1410;
	width:100%;
	position: absolute;
	top:-36px;
	z-index: 1;
}
.phone #mainPlayerMessages {
	top:-30px;
}
#mainPlayerMessages .label{
	border: 0px solid #fff;
    border-radius: 4px;
	font-family: oswald_regularregular;
    text-transform: uppercase;
	font-size: 1.2rem;
    text-shadow: none;
    line-height: 28px;
    padding: 0 10px;
}
.phone #mainPlayerMessages .label{
    font-size: 1.0rem;
    line-height: 22px;
}

#mainPlayerCardsContainer .loaderContainer {
	position: absolute;
	top:-50px;
	width: 100%;
	text-align: center;
}
.phone #mainPlayerCardsContainer .loaderContainer {
	top:-40px;
}
.phone.landscape #mainPlayerCardsContainer .loaderContainer {
	top:-36px;
}
#mainPlayerCardsContainer .loaderContainer .playtimer{
    width: 200px;
    height: 8px;
    border: 1px solid #fff;
    margin: 0 auto;
	display: none;
}
.phone #mainPlayerCardsContainer .loaderContainer .playtimer{
    width: 160px;
    height: 8px;
}
#otherBoardMessages {
	display: none;
	text-align: center;
	z-index: 2;
	width:100%;
	position: absolute;
	top:-48px;
}
.phone #otherBoardMessages {
	top:-40px;
}
#otherBoardMessages .label{
	border: 1px solid #222;
    border-radius: 4px;
    font-family: oswald_regularregular;
    text-shadow: 1px 1px #222;
    font-size: 1.5rem;
    line-height: 20px;
    margin: 0 auto;
    padding: 3px 7px;
    white-space: normal;
    display: block;
    min-height: 48px;
    max-width: 400px;
    box-sizing: border-box;
    text-transform: uppercase;
}
.phone #otherBoardMessages .label{
    font-size: 1.3rem;
    line-height: 16px;
    min-height: 34px;
    max-width: 80%;
    margin: 0 auto;
}


/*Board Areas*/
.boardAreasContainer {
	position: absolute;
	z-index: 11;
	width: 100%;
	height: 100%;
}
.boardArea {
	z-index: 11;
	position: absolute;
	height: 100%;
	background-color: rgba(0, 0, 0, .15);;
	box-sizing: border-box;
}
.boardArea .gu-transit {
	display: none;
}

.openingDropArea .gu-transit {
	display: none;
}

#AreaDeck {
	background-color: rgba(0, 0, 0, .5);
	cursor: pointer;
}
#board.bgclassic #AreaDeck {
	border-color: #222;
}

#AreaTeamA {
	border-right-width: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
}
#AreaTeamB {
	border-left-width: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.portrait #AreaTeamA {
	border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 5px;
	cursor: pointer;
}
.portrait #AreaTeamB {
	border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0;
}

.lblArea {
	position: absolute;
	color: #fff;
	text-shadow: 1px 1px #222;
	font-size: 1.6rem;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
	font-family: oswald_regularregular;
    text-transform: uppercase;
	font-size: 1.2rem;
}
#AreaTeamA .lblArea {
	top:0;
	left:0;
	width: 100%;
}
.landscape #AreaTeamA .lblArea {
	top:auto;
	bottom:0;
	left:0;
}
#AreaTeamB .lblArea {
	bottom:0;
	left:0;
	width: 100%;
}

.phone .lblArea {
	line-height: 16px;
	height: 16px;
	font-size: 1rem;
	/*
	transform: rotate(90deg);
	transform-origin: left top 0;
	*/
}
/*
.phone.landscape .lblArea {
	line-height: 16px;
	height: 16px;
}
.phone #AreaTeamA .lblArea {

}
.phone #AreaTeamB .lblArea {

}
*/
.lblMatchDesc {
	position: absolute;
	z-index: 16;
	color: #fff;
	text-shadow: 1px 1px #222;
	font-size: 1.6rem;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
	font-family: oswald_regularregular;
    text-transform: uppercase;
	font-size: 1.1rem;
	top:0;
	left:0;
	width: 100%;
}
.portrait .lblMatchDesc {
	top:auto;
}
.landscape .lblMatchDesc {
	top:2px;
	width: 93%;
	text-align: right;
}
.phone .lblMatchDesc {
	line-height: 16px;
	height: 16px;
	font-size: 1rem;
}
.lblMatchDesc span{
	margin: 0 5px;
}

/*
.phone.portrait #AreaTeamA {
	border-right-width: 1px;
	border-top-width: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.phone.portrait #AreaTeamB {
	border-left-width: 1px;
	border-bottom-width: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
*/
.boardObjectsContainer .topButtonsContainer {
	text-align: center;
	position: absolute;
    width: 100%;
    z-index: 1369;
}
.boardObjectsContainer .innerTopButtons{
	position:relative;
    min-height: 44px;
    max-width: 440px;
    margin: 0 auto;
	background: #222;
    border-bottom: 1px solid #222;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.phone .boardObjectsContainer .innerTopButtons {
    min-height: 40px;
    height: 40px;
	border-radius: 0;
	border: 0;
}

.boardObjectsContainer .bottomButtonsContainer {
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	background-color: rgba(0, 0, 0, .7);
	z-index: 980;
	text-align: center;
}
.boardObjectsContainer .bottomButtonsContainer.nocontrols {
	background-color: transparent;
}
.boardObjectsContainer .bottomButtonsContainer>.cardDragHandler, .cardDragHandler .cardDragHandler.gu-transit, .cardDragHandler + .cardDragHandler.gu-transit {
	display: none;
}
.boardObjectsContainer .bottomButtonsContainer button{
	position: absolute;
	width: 50px;
	height: 50px;
	top:-50px;
	background-color: rgba(0, 0, 0, .7)!important;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    padding: 2px 0 0 0;
    font-size: 2.2rem;
    font-family: Arial, sans-serif;
    z-index: 3;
}
.phone .boardObjectsContainer .bottomButtonsContainer button{
	width: 40px;
	height: 40px;
	top:-40px;
}
.boardObjectsContainer .bottomButtonsContainer.nocontrols button{
	display: none;
}

/*
.phone.landscape .boardObjectsContainer .bottomButtonsContainer button{
	width: 30px;
	height: 30px;
	top:-30px;
}
*/
.boardObjectsContainer .bottomButtonsContainer button.left {
    border-top-right-radius: 4px;
    left:0;
}
.boardObjectsContainer .bottomButtonsContainer button.right {
	right:0;
    border-top-left-radius: 4px;
}
.boardObjectsContainer .bottomButtonsContainer button.btnReorder.a {
	background-image: url(../images/game/ico_seme.png);
	background-position: center 60%;
	background-size: 80%;
}
.boardObjectsContainer .bottomButtonsContainer button.btnReorder.b {
	background-image: url(../images/game/ico_a.png);
	background-position: center 60%;
	background-size: 80%;
}
.boardObjectsContainer .bottomButtonsContainer button.btnExpandCards.a {
	background-image: url(../images/game/ico_su.png);
	background-position: center 60%;
	background-size: 80%;
}
.boardObjectsContainer .bottomButtonsContainer button.btnExpandCards.b {
	background-image: url(../images/game/ico_giu.png);
	background-position: center 60%;
	background-size: 80%;
}
/*
.boardObjectsContainer button.topbuttons {
	position: absolute;
	top:0;
	left: 0;
	z-index: 1010;
	width: 100%;
	width: 44px;
	height: 44px;
	margin:0 0px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
}
.boardObjectsContainer button.topbuttons.left {
    border-bottom-right-radius: 5px;
}
.boardObjectsContainer button.topbuttons.right {
    border-bottom-left-radius: 5px;
	right: 0;
	left:inherit;
}
.phone .boardObjectsContainer button.topbuttons {
	width: 40px;
	height: 40px;
}
.boardObjectsContainer button.topbuttons.btnChat{
	background-image: url(../images/game/ico_chat.png);
    background-size: 100%;
    text-align: right;
    padding: 20px 5px 0 0;
}
.boardObjectsContainer button.topbuttons.btnChat span{
	display: none;
}
.boardObjectsContainer button.topbuttons.btnPrevMove{
    background-size: 94%;
}
.boardObjectsContainer button.topbuttons.btnSettings{
	background-image: url(../images/game/ico_opzioni.png);
    background-size: 100%;
}

.boardObjectsContainer button.topbuttons.btnChat{
	background-image: url(../images/game/ico_chat.png);
    background-size: 100%;
    text-align: right;
    padding: 20px 5px 0 0;
}
.boardObjectsContainer button.topbuttons.btnChat span{
	display: none;
}
*/

/*
#boardNav .boardNavMessages .progress {
	margin-top: -1px;
}
*/

button.btnSettings, button.btnSettings:hover, button.btnSettings:active, button.btnSettings:focus {
	background-image:url(../images/ico_settings.png);
    background-size: 70%;
    background-position: 9px 9px;
   	background-repeat: no-repeat;
	position: absolute;
    z-index: 208;
    top: 0;
    left: 0;
    box-shadow:none;
    border-bottom-right-radius: 6px;
}
.phone button.btnSettings {
    background-position: center;
}

button.btnChangeScreenSize, button.btnChangeScreenSize:hover, button.btnChangeScreenSize:active, button.btnChangeScreenSize:focus {
    background-size: 76%;
    background-position: center;
   	background-repeat: no-repeat;
	position: absolute;
    z-index: 208;
    top: 0;
    left: 60px;
    box-shadow:none;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
button.btnChangeScreenSize.full {
	background-image: url(../images/ico_top/full.png);
}
button.btnChangeScreenSize.small {
	background-image: url(../images/ico_top/out_full.png);
}
.phone #board .btnChangeScreenSize {
	display: none;
}

button.btnChat, button.btnChat:hover, button.btnChat:active, button.btnChat:focus {
	background-image:url(../images/ico_chat.png);
    background-size: 100%;
    background-position: center;
   	background-repeat: no-repeat;
	position: absolute;
    z-index: 209;
    top: 0;
    right: 0;
    box-shadow:none;
    border-bottom-left-radius: 6px;
}
/*
.boardNavBar button.btnChat.closeChat {
	background-image:url(../images/ico_chiudichat.png);
	background-color: #a73737;
    background-size: 100%;
    background-position: center;
   	background-repeat: no-repeat;
}
*/
.phone button.btnChat {
    background-position: center;
}

button.btnExitMatch, button.btnExitMatch:hover, button.btnExitMatch:active, button.btnExitMatch:focus {
	background-image:url(../images/ico_chiudimatch.png);
    background-size: 80%;
    background-position: center;
   	background-repeat: no-repeat;
	position: absolute;
    z-index: 209;
    top: 0;
    right: 0;
    box-shadow:none;
    border-bottom-left-radius: 6px;
}
.phone button.btnExitMatch {
    background-position: center;
}

button.btnShowBoardInfo, button.btnShowBoardInfo:hover, button.btnShowBoardInfo:active, button.btnShowBoardInfo:focus {
	background-image:url(../images/ico_info.png);
    background-size: 100%;
    background-position: center;
   	background-repeat: no-repeat;
	position: absolute;
    z-index: 209;
    top: 60px;
    right: 0;
    box-shadow:none;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.phone button.btnShowBoardInfo {
    top: 46px;
    background-position: center;
}

body.phone, body.standalone, .gamebg {
	background:url(../images/game/bg_body.jpg) repeat center;
}
/*
.woodbox {
	color:#fff;
	text-shadow: 3px 0 4px #51230c;

	border-radius: 10px;
	border: 3px solid #c2a797;
	*border: 3px solid #c2a797;

	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);

	background:url(../images/game/bg_body.jpg) no-repeat center;

	overflow: hidden;
}

.outerBox {
	background: rgba(255,255,255,0.5);
	border-radius: 5px;
}
.innerBox {
	background: rgba(255,255,255,0.7);
	border-radius: 5px;
}
.boxTransparentContainer {
	padding: 7px;
}
.boxTransparentWhite {
	padding: 5px;
	min-height: 40px;
}

.modal_gt {
	border: 2px solid #291a09;
	background:url(../images/game/bg_body.jpg) no-repeat center;
}
.modal_gt .outerBox {
	border-radius: 5px;
	margin-bottom:10px;
}
body.portrait.phone .modal_gt .friendsList .outerBox {
	padding: 10px 0px;
	margin-right:10px;
	margin-left:10px;
}
.modal_gt .innerBox {
	border-radius: 5px;
}

.bootbox.modal {
	border: 2px solid #291a09;
	background: url(../images/game/bg_body.jpg) repeat center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	overflow: visible!important;
}
.bootbox .modal-footer {
	background: url(../images/game/seamless-texture-legno-per-popup.png) repeat center;
}

.startpanel .topbar {
	background:#222 url(../images/game/seamless-texture-legno-per-popup.png) repeat center;
}
.modal_gt .modalHeader {
	background:#222 url(../images/game/seamless-texture-legno-per-popup.png) repeat center;
}
.navbar .container {
	background:#222 url(../images/game/seamless-texture-legno-per-popup.png) repeat center;
}
*/
/*wood box*/
.woodbox {
	color:#fff;
	text-shadow: 3px 0 4px #51230c;

	border-radius: 10px;
	border: 3px solid #c2a797;
	*border: 3px solid #c2a797;

	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);

	background: #ebebeb url(../images/pattern_popup_waves.png) repeat center;

	overflow: hidden;
}

.boxTransparentContainer {
	padding: 7px;
}
.boxTransparentWhite {
	padding: 5px;
	min-height: 40px;
}

#mainProgress .progress-bar .loadPerc{
	color: #fff;
	text-shadow: 2px 2px 0 #222;
}

#pointsMadeMsgBox.scopa {
	background:url(../images/game/scopa.png) no-repeat center;
	background-size:100% 100%;
	width:270px;
	height:125px;
}
#pointsMadeMsgBox.scopa15 {
	background:url(../images/game/15.png) no-repeat center;
	background-size:100% 100%;
	width:250px;
	height:193px;
}
#pointsMadeMsgBox.settebello {
	background:url(../images/game/settebello.png) no-repeat center;
	background-size:100% 100%;
	width:250px;
	height:111px;
}
#pointsMadeMsgBox.scopa_settebello {
	background:url(../images/game/scopa_settebello.png) no-repeat center;
	background-size:100% 100%;
	width:250px;
	height:193px;
}
#pointsMadeMsgBox.rebello {
	background:url(../images/game/rebello.png) no-repeat center;
	background-size:100% 100%;
	width:250px;
	height:111px;
}
#pointsMadeMsgBox.scopa_rebello {
	background:url(../images/game/scopa_rebello.png) no-repeat center;
	background-size:100% 100%;
	width:250px;
	height:173px;
}
#pointsMadeMsgBox.assopigliatutto {
	background:url(../images/game/assopigliatutto.png) no-repeat center;
	background-size:100% 100%;
	width:250px;
	height:108px;
}

#tblrounddone th div {
	color: #fff;
	text-shadow: 2px 2px 0 #222;
}
/*
.matchForm .matchCell.pointsCell {
	width: 100%;
	float: left;
}
*/

.matchForm .matchCell.numPlayersCell {
	width: 56%;
}
.matchForm .matchCell.pointsCell {
	width: 44%;
}