/* Reset */

html{
	margin:0;
	padding:0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;    
}

fieldset,img{
	border:0;
}

.clear, .clearfix {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/**/

html, body{
	background-color:#F4F4F4;
    height:100%;
	font-family: Nunito;
	color:#404040;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul,ol{
	/*padding-left:2.5em;*/
}

a:not(.unstyle){
	text-decoration: none;
	color:#007676; /*color:#007676;#0039FF;*/
	color:#28a18f;
	white-space:nowrap;
}

a:not(.unstyle):hover, a:not(.unstyle):hover .sm-icon{
	color:orange;
}

input[type='text'], input[type='password'], select, textarea{
	border-color: #bfcfbf;
	border: 1px solid #bfbfbf;
	padding-left:0.3em;
	outline:none;
	border-radius:3px;
	padding-bottom: 0.4em;
    padding-top: 0.4em;
	cursor:auto;
}

option{
	font-size:1.2em;
}

input[type="checkbox"]{
	transform:scale(1.2);
	cursor:pointer;
}

/* Navigation bar */

#navcontainer {
	width: 100%;
	float:left ;
	margin-bottom:5px;
}

/*#navcontainer ul { padding: 0; }*/
#navcontainer ul li { 
	display:inline;
}

#navcontainer ul {
	margin: 0;
	padding: 0 0 0 5%;/*t r b l*/ /*padding-right, bug in ie quirck mode*/
	color: #FFFFFF;
	font-family: sans-serif,verdana,tahoma,  geneva, arial, helvetica ;
	font-family:Nunito;
	float:right;	
}

#navcontainer ul li a {
	padding:5px 11px 5px 11px;/*0.2em 15px;*/
	text-decoration: none;
	float: left; /*left*/
	height:100%;
	/*
	background-image:url(../themes/background/bg_title_blue_2C.jpg); 
	*/
	border:none;
	color:#EEFFEE;
	font-size:18px;   
}

.first_cell
{
	border-left: 1px solid #aebfe2;
}

#navcontainer ul li a:hover, #navlist li a.oselect:hover, #navcontainer ul li a.oselect:hover {
	background-color: #7B9D25;
	color: #FFFFFF;
}


#navlist li a:hover, #navlist li a:active, #navlist li a.oselect:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #CC3333;
	text-align: left;
}

#navlist li a.oselect {
	
}
/*
#navcontainer ul li.lang_change a:hover{
	background:transparent;
	background:orange;
}

#navcontainer ul li.lang_change a {
	padding-left:0.4em;
		padding-right:0.4em;
		font-size:1.2em;
	opacity:0.8;
}

#navcontainer ul li.lang_change img {
	height:0.7em;	
}
*/

.control-btns{
	padding-bottom:2em;
}

.control-btns .sm-text{
	display:none;
}
.control-btns .text{
	display:inline-block;
}

.pbutton{
	padding: 0.6em 1.2em 0.6em 1.2em;
	padding: 0.3em 0.5em 0.3em 0.5em;
	border-radius:0.2em;
	text-decoration:none;
	text-align: center;
	cursor: pointer;
}

.control-btns .pbutton{
	display:inline-block;
}

.pbutton.large {
	padding: 0.6em 1.2em 0.6em 1.2em;
	padding: 0.5em 1.0em 0.5em 1.0em;
	font-size:1.0em;
}
.pbutton.orange{
	background: #feda71;
	background: linear-gradient(to bottom, #feda71 0%,#febb4a 100%); 
	border: 1px solid #dea23c;
    color: #885A2C;
}

.pbutton.orange:hover {
    background: #fec354; 
    background: -webkit-linear-gradient(45deg, #fec354 0%,#fecd61 100%); 
	background: linear-gradient(45deg, #fec354 0%,#fecd61 100%);
    color: #885A2C;
    border: 1px solid #dea23c;
}


.pbutton.green{
	background: #cae285; 
    background: -webkit-linear-gradient(to bottom, #cae285 0%,#9fcb57 100%); 
    background: linear-gradient(to bottom, #cae285 0%,#9fcb57 100%); 
    border: 1px solid #98b65b;

    color: #546A2D;
    text-align: center;
}

.pbutton.green:hover {
	background: #b8d872; 
    background: -webkit-linear-gradient(to bottom, #b8d872 0%,#b9d972 100%); 
    background: linear-gradient(to bottom, #b8d872 0%,#b9d972 100%); 
    border: 1px solid #98b65b;
    color: #546A2D;
}

.pbutton.lightgreen-gold{
	background: #EEFAE6; 
	background: linear-gradient(to bottom, #EEFAE6 0%, #F0FBEB 100%); 
	border: 1px solid #9CD679;

	color: #28919f;
	color: #48a16f;
	color: #38a15f;
	color: #28a18f;
	
    text-align: center;
}

.pbutton.lightgreen-gold:hover, .pbutton.lightgreen-gold.selected{
	color:orange;
	color:white;
	border-color:orange;
	background:orange;
	
	background: #febb4a; 
	background: linear-gradient(to bottom, #febb4a 0%, orange 100%); 
}

.pbutton.lightgreen-gold:hover .sm-icon{
	color:white;
}

.pbutton[disabled="true"], .pbutton[disabled="true"]:hover,  .pbutton[disabled="true"]:hover .sm-icon{
	background:#cfcfcf;
	color:#8f8f8f;
	border-color:#bfbfbf;
	cursor:default;
}

.pbutton .sm-icon{
	vertical-align:bottom;
}

.pbutton img{
	vertical-align:middle;
	margin-top:-0.3em;
}

.pbox_L{ 
	BORDER-LEFT: #CCCCCC 1px solid; 
}
.pbox_T{ 
	 BORDER-TOP: #CCCCCC 1px solid; 
}

.pbox_B{ 
	 BORDER-BOTTOM: #CCCCCC 1px solid; 
}
.pbox_R{ 
	 BORDER-RIGHT: #CCCCCC 1px solid; 
}


.pbox_LT{ 
	BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; 
}
.pbox_BR{ 
	BORDER-BOTTOM:#CCCCCC 1px solid;BORDER-RIGHT: #CCCCCC 1px solid;
}

.msg-error{
	color:orangered;
	font-weight:bold;
	padding-bottom:0.5em;
}

.msg-info{
	color:blue;
	mfont-weight:bold;
	padding-bottom:0.5em;
}

.sm-box-container.half-center{
	text-align:center;
}

.sm-box{
	border: 1px solid #aebfe2;
	display:inline-block;
	
	width: 100%;
	/*min-width:400px;*/
	text-align:initial;
	color:#454545;
	/*margin-left:25%;*/
	padding-bottom:1em;
}

.sm-box-left{
	float:left;
}

.sm-box-right{
	float:right;
}

.sm-box-container.half-center .sm-box{
	width:50%;
}
.sm-box.half-center{
	width:50%;
}

.sm-box .sm-box-title{
	font-weight: bold;
	text-align:center;
	color: #EEFFEE;

	background: linear-gradient(75deg, #43cea2, #185a9d); /* o1*/
	padding-top:0.25em;
	padding-bottom:0.25em;
}

.page-menu.page-account-menu .sm-box-title{

	/*
	background: linear-gradient(75deg, #43cea2, #d85a1d);
	background: linear-gradient(to right, #76b852, #8dc26f);
	background: linear-gradient(to right, #eb3349, #f45c43);
	background: linear-gradient(to right, #ff512f, #dd2476);

	background: linear-gradient(75deg, #43cea2, #76b852);
	
	background: linear-gradient(75deg, #43cea2, #185a9d);
	background: linear-gradient(75deg, #43cea2, #286aad);

	background: linear-gradient(75deg, #43cea2, #FF8235);

	background: linear-gradient(75deg, #43cea2, #F16529);
	
	*/

	
	/*
	color:green;
	background: linear-gradient(75deg, #43cea2, #DEF7F0);
	*/
	
}

.sm-box .sm-box-row{
	clear:both;
	padding: 0.5em 1em 2em 1em;
}

.sm-box .sm-box-col{
	float:left;
}


.sm-box .sm-box-col.col-label{
	width: 40%;
}

.sm-box .sm-box-col.col-input{
	width: 60%;	
}

.sm-box .sm-box-col input[type='text'],
.sm-box .sm-box-col input[type='password'],
.sm-box select
{
	width: 95%;
}

.sm-box .row-submit{
	padding-bottom:0em;
}

.sm-box .sm-box-row input[type='submit']{
	width: 30%;
	margin-top:1em;
}

.sm-box .row-links{
	padding-bottom:1em;
}

.sm-box .box-link{
	padding-right:0.75em;
}

.untranslated-page-notice{
	color:magenta;
	text-align:center;
	font-size:1.25em;
}


/* cookie consent */
.cc-revoke,.cc-window {
    height:10em;  
}
.cc-window.cc-banner {
    m-ms-flex-align:unset !important;
    align-items: unset !important; 
}
.cc-window .cc-compliance {
   height:5em; 
    padding-bottom:2em;
}


/* General pages */

.page{
    height:100%;
}

.section{
    
}

.container{
  width:100%;
  max-width:1280px;
  margin:auto;
  padding: 0em 0.5em 1em 0.5em;;
  height: 100%;
  clear:left;
}

#section-group-main{
	background: -webkit-linear-gradient(75deg, #43cea2, #185a9d);
	background: linear-gradient(75deg, #43cea2, #185a9d); /* o1*/
	min-height:15%;
}

#section-header{
  padding-top:1em;
}

#section-header .container{
  padding-bottom:1px;
}

#section-header .lang_selector{
	float:right;
}

#section-header .lang_selector a:hover{
	background:orange;
}


#section-header .lang_selector a{
	padding-left:0.35em;
	padding-right:0.35em;
	display: inline-block;
}

#section-header .lang_selector.lang_change_fr a{
	
}

#section-header .lang_selector img{
	height:0.8em;
}

#section-header .dcol-site-info{
	float:left;
	color:#354535;
}

#section-header .dcol-site-menu{
	
}

#section-header .dcol-logo{
	float:left;
}

#section-header .dcol-logo .logo{
	background: url("../images/logo-r1.gif") no-repeat;
	background-size:100% 100%;
	height:80px;
	width:70px;	
	display:block;
}

#section-header .dcol-site-desc{
	overflow:hidden;
	padding:0.2em .9em 0em 0.7em;
	font-family:cambria;
}

#section-header .dcol-site-desc .drow-site-name{
	font-size:1.6em;
	padding-bottom:0.4em;
}
#section-header .dcol-site-desc .drow-site-title{
	font-size:1.0em;
}

#section-header .dcol-site-menu{
	overflow: hidden;
	text-align:right;
}

#section-header .sm-session-user{
	text-align:right;	
	mborder:1px dashed red;
	float:right;
	color: #EEFFEE;
}

#page-home #section-header .sm-session-user{
	
	color: #EEFFEE;
}
#section-header .sm-session-user .sm-icon{
	font-size:1.4em;
	vertical-align:top;
}

#section-header .sm-user-account {
	color: #EEFFEE;
}


#section-header .sm-user-account:hover {
	color: orange;
}

#section-header .sm-session-user .sm-link{
	color:#4CB2A0;
}
#section-header .sm-session-user .sm-link:hover{
	color: orange;
}


#section-main{
	padding-top:4em;
	padding-bottom:2em;
}

#section-main .container{
	padding-left:0em;
	padding-right:0;
}

#section-main .box-intro{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#EEFFEE;
	padding-right:3em;
	padding-left:0.7em;
	max-width:75%;
	padding-right:8em;
	
}
#section-main .box-intro .box-intro-item1{
	display:block;
	font-size:3.5em;
	text-align:center;
	color:#EEFFEE;
	text-align:left;
	padding-bottom:1em;
	font-weight:normal;
	
}
#section-main .box-intro .box-intro-item2{
	display:block;
	font-size:1.4em;
	text-align:left;
	font-weight:normal;
}

#section-main .box-ads{
	float:right;
	text-align:center;
}

#section-main .pbutton{
	display:inline-block;
	margin-top:3em;
	font-size:1.4em;
	padding: 0.6em 0.9em 0.6em 0.9em;
}

#section-main .link_tour{
	display:inline-block;
	padding-left: 1em;
	color: #A6DDCB;
	font-size:1.25em;
}

#section-main .link_tour:hover{
	color:orangered;
}

#section-main .users_online{
	padding-top:1.0em;
	font-size:1.2em;
}


#section-intro{
    background:white;
    /* background-image:url("../themes/background/texture6.jpg");*/
    /*background: linear-gradient(to left, #48b1bf, #06beb6);*/
    padding-top:1.5em;
    padding-bottom:1.5em;
    font-size:1.1em;
}

#section-intro .box-1{
	float:right;
	text-align:center;
	max-width:550px;
}
#section-intro .box-1 img{
	width:80%;
	opacity:0.8;
}

#section-intro .box-2{
	
}

#section-intro .list-how-to-play{
	padding: 1em 1em 2em 2.5em;
}
#section-intro .list-how-to-play li{
	padding-bottom:0.6em;
}
#section-intro .list-how-to-play a{
	text-decoration: none;
	
}

#section-features{
	padding-top:2.4em;
	padding-bottom:1.4em;
	font-size:1.1em;
	background:#fff;
}

#section-features ul{
	list-style:none;
	padding-left:0em;
}


#section-features ul li{
	padding:1em 1.5em 0em 0em;
	width:27%;
	height:4em;
	text-align:left;
	float:left;
}

#section-features .sm-icon {
	float:left;
	height:100%;
	font-size:2.8em;
	padding-right:0.3em;
}

#section-features .ft_4players .sm-icon{
	color: #87AC34;
	line-height:85%;
}

#section-features .ft_chat .sm-icon{
	color:orangered;
	font-size:2.4em;
	line-height:120%;
}

#section-features .ft_stats .sm-icon{
	color:#51A0D2;
	font-size:2.6em;
}

#section-links{
	font-size:1.1em;
	background:#eff1ef;
}

#section-links ul{
	list-style:none;
	
}
#section-links .links-item{
	padding:1em 1.2em 0em 0em;
	display:inline-block;
	text-align:center;
}

#section-links .links-item .sm-icon {
	vertical-align:middle;
}

#section-faq{
	font-size:1.1em;
}

#section-faq{
	
}

#section-faq ul{
	list-style:none;
}

#section-faq .faq-item{
	padding-left:1em;
	padding-top:0.75em;
}

#section-faq .faq-item a{
	white-space:normal;
}

#section-ads-block{
	padding-top:1.2em;
	padding-bottom:1.2em;
}

#section-ads-block .container{
	text-align:center;
}
#section-footer{
	background:#545454;
	text-align:center;
}

#section-footer .container{
	padding-bottom:5em; /* above footer ads*/
}
#section-footer .trademark-notice{
	text-align:center;
	color: #FF6600;
}

#section-footer .footer-links{
	list-style: none;	
	font-size:1.1em;
}

#section-footer .footer-links .link-item{
	display: inline-block;
}

.main-title{
	color:#800000;
	color:#97C53A;
	color:#FE6846;
	font-size:1.2em;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:1.5em;
}




/* Other pages */

.page:not(#page-home){
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
} 

#section-content {

	-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
	flex:1;	
	background:#fff;
	font-size:1.1em;
}

#section-content .container{
	padding:0em 0em 2em 0em;
	background:#fff;
}








.page-menu{
	float:left;
	width:18%;
	min-width:300px;
	background-color:#DEF7F0;
	background-color:#EFEFEF;
	background:#fff;
	height:100%;
	padding-top:0em;
	padding-bottom:1em;
}

.page-menu .links{
	list-style:none;
	padding-left:1em;
	padding-top: 1em;
	
}

.page-menu .links-item {
	padding-bottom:0.5em;
}
.page-menu .links-item .sm-icon {
	vertical-align:top;
	line-height:95%;
	padding-right:0.2em;
}

.page-menu .links-item .sm-icon{
	color: #28a18f;
	color: #28c18f;
}

.page-menu.page-account-menu .links-item a{
	color: #656565;
}

.page-menu .links-item a:hover .sm-icon, .page-menu .links-item a:hover{
	color:orange;
}
.page-menu .links-item .sm-icon img{
	display:none;
}



.page-content{
	display:block;
	overflow:hidden;
	padding-left:1em;
	padding-right:1em;
	height:100%;
}

.page-menu-top{
	padding-top:1.0em;
	padding-bottom:0.5em;
	
	width:100%;	
	
}

.page-menu-top .links{
	list-style:none;
	float:right;

}
.page-menu-top .links .links-item{
	
	float:right;
	padding-left:0.5em;
	margin-bottom:0.5em;
	
}

.page-menu-top .links-item.link-account-main-menu{
	float:left;
	display:none;
	padding-left:0;
}

.page-menu-top .links .links-item.link-account .pbutton{
	background:transparent;
	border:none;
	color: #545454;
}

/*
.page-menu-top .links .links-item.link-logout .sm-icon{
	color:orangered
}
*/

.page-menu-top .links .links-item.link-account .pbutton:hover{
	color:orange;
}

.page-menu-top .links .links-item.link-account .pbutton.lightgreen-gold:hover .sm-icon{
	color:orange !important;
}


/*
.page-menu-top .links .links-item.link-account .text{
	color: #545454;
}
*/



/* Pages forum change */


body[id="phpbb"]{
	/*background:#fff; */
	height:auto;
}

body[id="phpbb"] .headerbar .logo{
	visibility:hidden;
	padding-bottom:3em;
}

body[id="phpbb"] #section-group-main{
	background: -webkit-linear-gradient(75deg, #43cea2, #185a9d);
	background: linear-gradient(75deg, #43cea2, #185a9d); /* o1*/
	padding-bottom:2em;
}

body[id="phpbb"] .navbar .nav-tabs {
	/*
	background: linear-gradient(75deg, #43cea2, #185a9d); 
	background: linear-gradient(75deg, #3FC3A2, #185a9d); 
	background: linear-gradient(75deg, #3FC3A2, #1C659D) !important;
	background: linear-gradient(75deg, #37AEA1, #1C659D) !important;
	*/
	background: #2F99A0!important;
}

body[id="phpbb"] .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
	/*
	background: linear-gradient(75deg, #3FC3A2, #185a9d); 
	background: linear-gradient(75deg, #3FC3A2, #1C659D) !important;
	background: linear-gradient(75deg, #3BB9A1, #247A9E) !important;
	background: linear-gradient(75deg, #247A9E, #3BB9A1) !important;
	background: linear-gradient(75deg, #28849F, #3BB9A1) !important;
	
	background: #33A4A0!important;
	background: #37AEA1!important;
	*/
	background: linear-gradient(75deg, #37AEA1, #1C659D) !important;

}

body[id="phpbb"] a{
	color: #007676;
}

/* Page-account */



#page-account .page-content .sm-box{
	width:49%;
	margin-bottom:1em;
	padding-bottom:0;
}



#page-account .page-content .sm-box td{
	padding-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;

	/*
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	*/
	
}

#page-account #see-profile{
	white-space:break-spaces;
}
/*
#page-account .page-content .sm-box td:before{
	content:"\00a0\00a0";
}
*/

/* Page-active */

#page-active .page-content{
	text-align:center;
}


/* page blacklist */
#page-blacklist .col
{
	padding:0.4em 0.4em 0.4em 0.4em;
}

#page-blacklist .blacklist-list-box{
	min-width:50%;
	
}

#page-blacklist .blacklist-notice{
		text-align:center;
}

/* page banlist*/
#page-banlist .banlist-players{
	overflow:visible;
	font-size:0.85em;
	text-align:center;
}

#page-banlist .banlist-header .banlist-col{
	background:#DEF7F0;
	white-space:normal;
}

#page-banlist .banlist-row{
	clear:both;
	/*
	font-family:khula;
	*/
}

#page-banlist .banlist-col{
	float:left;
	width:10%;
	padding-top:0.4em;
	padding-bottom:0.4em;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#page-banlist .banlist-row.alt_color2 .banlist-col{
	background:#F4F4F4;
}

#page-banlist .banlist-row.banlist-header .banlist-col{
	/* height:3.8em; */
	/* background:#DEF7F0; */
	font-weight:bold;
}

#page-banlist .banlist-row{
	height:4.5em;
}
#page-banlist .banlist-row .banlist-col{
		height:100%;
		white-space:initial;
}

#page-banlist .banlist-col.col-num{
	width:6%;
	font-size:0.9em;
}

#page-banlist .banlist-col.col-username{
	width:15%;
	text-align:left;
	padding-left:0.4em;	
}

#page-banlist .banlist-col.col-ban-reason{
	width:45%;
	padding-left:0.3em;
}
#page-banlist .banlist-col.col-ban-begin{
	width:12%;
}
#page-banlist .banlist-col.col-ban-end{
	width:12%;
}
#page-banlist .banlist-col.col-duration{
	width:10%;
}



#page-banlist .banlist-col.col-ban-reason .default-ban-reason{
	display:inline;
}
#page-banlist .banlist-col.col-ban-reason .sm-ban-reason{
	display:none;
}

#page-banlist .page-nav-links {
	padding-top:4em;
	text-align:center;
	word-wrap:break-word;
}

#page-banlist .page-nav-links a, #page-banlist .page-nav-links b{
	padding-right:0.3em;
}

/* Page change-email */
#page-change-email .row{
	
}
#page-change-email .col{
	padding-left:0.5em;
	padding:0.5em;
}

/* Page compose */
#page-compose .mailbox-compose-panel{
	
	background:#B9E282;
	padding: 0.2em 0.4em 0em 0.4em;
}

#page-compose .row{
	clear:both;
	padding-bottom:0.4em;
}

#page-compose .col{
	
	
}


#page-compose .col.col-label{
	width:7em;
	float:left;	
}
#page-compose .col.col-text{
	overflow:hidden;
	display:block;

	text-align:left;
}
#page-compose .col input[type="text"]{
	width:100%;
	max-width:350px;
}

#page-compose .pbutton-mailbox{
	/* Switch style to link when submit button is displayed */
	background:transparent;
	border:none;
}

#page-compose .pbutton-mailbox:hover{
	color:orange;
}

#page-compose .col textarea{
	width:100%;
}

#page-compose .mailbox-compose-panel .col-smileys{
	padding-top:1em;	
}
#page-compose .mailbox-compose-panel .col-smileys img{
	background:#EEFAE6;
	border: 1px solid #9CD679;
	padding:0.2em;
	cursor:pointer;

}
#page-compose .mailbox-compose-panel .col-smileys img:hover{
	background:orange;
}

#page-compose .mailbox-compose-panel .col-message{
	float:none;
	width:100%;
	
}

#page-compose .mailbox-compose-panel .col-message textarea{
	height:300px;
}

#page-compose .mailbox-compose-panel .col-message input[type="submit"]{
	
}

/* Page contributor */
#page-contributor .row{
	
}
#page-contributor .col{
	text-align:left;
	padding-left:0.5em;
	padding:0.5em;
	mborder-radius:0;
}

#page-contributor .col-submit{
	text-align:center;
	padding-top:1em;
	padding-bottom:1em;
}

#page-contributor .faq-donation a{
	white-space:normal
}

/* Page contributors */

#page-contributors .page-menu{
	display:none;
}

#page-contributors .page-content{
	text-align:center;
}

#page-contributors .msg-info{
	color:blue;
	font-weight: bold;
}

/* Page confirm */

#page-confirm .page-menu{
	display:none;
}

#page-confirm .page-content{
	text-align:center;
}

#page-confirm .sm-box{
	width:50%;
}


#page-confirm .sm-box .sm-box-row{
	padding-top:1.5em;
}

#page-confirm .col-download{
	width:100%;
}

#page-confirm .col-download .pbutton{
	padding: 0.75em 1em 0.75em 1em;
}

#page-confirm .msg-info{
	color:blue;
	font-weight: bold;
	font-size: 1.3em;
}


/* Page contact */

#page-contact .msg-notice{
	color:orangered;
}

#page-contact #radioGuest{
	margin-left:1em;
}

#page-contact input[type="radio"], #page-contact label[for]{
	margin-top:1.5em;
	cursor: pointer;
}

.sm-box .sm-box-row.row-account-type{
	padding-bottom:1em;
}

/* Page email-check */

#page-email-check .page-content{
	text-align:center;
}

#page-email-check .msg-notice{
	color:orangered;
	font-weight:bold;
	text-decoration:underline;
}

#page-email-check .sm-box-container.half-center .sm-box{
	width:65%;
}

#page-email-check .sm-box .col-input{
	font-weight:bold;
}

/* page faq  */

/*
#page-faq .page-menu{
	width:8%;
	min-width:100px;
}
*/

#page-faq #faq_table_container a{
	white-space:normal;
}

#page-faq .faq-item td, #page-faq .faq-category td{
	border:none;
}

#page-faq .faq-question td{
	padding-bottom:0.1em;
}

#page-faq .faq-question a{

}

#page-faq .faq-answer ul, #page-faq .faq-answer ol {
	padding-left:2.5em;
}

#page-faq #btn-search{
	margin-left:0.4em; 
	font-size:0.83em;
}

#page-faq #search-title{
	padding-top:0.5em;
}

#page-faq .search-term{
	background:orange;
	color:blue;
	padding-top:0.1em;
	padding-bottom:0.1em;
	border-radius:1px;
}

#page-faq .faq-answer [class="MsoNormal"]{
	padding-bottom:1.25em;
}

#page-faq .faq-answer a[href="#top"]{
	padding-top:0.3em;
	display:block;
}



#page-faq .cadre1, #page-faq .cadre2{
	padding-left:0.2em;
}

#page-faq .cadre2{	
	background:#F1F1F1;	
	border:none;
}

#page-faq .faq-category{
	padding-top:0.5em;
	padding-bottom:0.3em;
	margin-top:1em;
	display:block;
	font-weight:bold;
	/*
	background:#F1F1F1;
	*/
}

#page-faq .cadre2 .faq-category{
	margin-top:0em;
	padding-bottom:1em;
}

#page-faq .faq-question{
	display:block;
}

#page-faq .faq-answer{
	
}


/* page faq scrabble */

#page-faq-scrabble .faq-list a{
	word-wrap:break-word;
	white-space:normal;
}

#page-faq-scrabble .faq-list{
	list-style:none;
}

#page-faq-scrabble .faq-question{
	padding-bottom:0.3em;	
}

#page-faq-scrabble .faq-item{
	padding-bottom:1.5em;
}

#page-faq-scrabble .faq-question a {
	color: #007676;
	font-weight:bold;
	/* color:#009000; */
}

#page-faq-scrabble .faq-answer{

}
/* page friendlist */
#page-friendlist .col
{
	padding:0.4em 0.4em 0.4em 0.4em;
}
#page-friendlist .col-addfriend{
	padding-bottom:0.8em;
}
#page-friendlist .control-btns .sm-icon{
	line-height: 110%;
}

#page-friendlist .friendlist-list-box{
	min-width:50%;
}

#page-friendlist input[name="friend-add"], #page-friendlist .btn-add-friend{
	display:inline-block;
	mborder:1px dashed red;
	margin-top:0.3em;
	
	
}
#page-friendlist input[name="friend-add"]{
	height:2.5em;
	padding:1.0em 0.1em 1.0em 0.5em;
}
#page-friendlist .btn-add-friend{
	height:1.2em;
	vertical-align:bottom;
}

/* Page getpassword */

#page-getpassword .page-content{
	text-align:center;	
}

#page-getpassword .page-notice{
	text-align:left;	
}

#page-getpassword .sm-box, #page-getpassword .msg-error, #page-getpassword .msg-info{
		width:60%;
}

#page-getpassword .msg-error{
	display:inline-block;
	text-align:center;
}

#page-getpassword .msg-info{
	display:inline-block;
	text-align:center;
	color:blue;
	padding-bottom:1em;
}


#page-getpassword .sm-box .sm-box-row input[type='submit']{
	margin-top:0em;
}

/* Page guide */

#page-guide a[name]{
	cursor:normal;
	white-space:normal;
}

#page-guide a[name]:hover{
	color: #28a18f;
}

#page-guide h1{
	padding-top:0.75em;
	padding-bottom:0.2em;
}

#page-guide h1, #page-guide h1 a, #page-guide h1 a[name]:hover{
	color: #404040;
}


#page-guide ul{
	padding-left:3.5em;
}

#page-guide .main-title{
	padding-bottom:0.2em;
}



#page-guide .msg-notice{
	color:orangered;
}

#page-guide .image-container {
	padding-top:1em;
	padding-bottom:1em;
}

#page-guide .image-container img {
	width: 60%;
	border: 1px solid #949494;
	
}

#page-guide .image-container.img-software-home img {
	width:75%;
}



#page-guide .faq-category{
	font-weight: bold;
	font-size:1.2em;
}
#page-guide .faq-item.question{
	padding-top:1em;
	color:#5454A4;	
}

#page-guide .faq-item.answer{
	color:#548454;	
}

/* Page history, history-duplicate */

#page-history .history-list-container, #page-history-duplicate .history-list-container,
#page-history-alpha .history-list-container, #page-history-alpha-duplicate .history-list-container
{
	overflow:auto;
}

#page-history .history-list, #page-history-duplicate .history-list,
#page-history-alpha .history-list, #page-history-alpha-duplicate .history-list
{
	width:100%;
}

#page-history .col, #page-history-duplicate .col,
#page-history-alpha .col, #page-history-alpha-duplicate .col
{
	padding:0.3em 0.3em 0.3em 0.3em;
}

/* Page links */

#page-links .page-notice{
	padding-bottom:2em;
}

#page-links .links-list{	
	padding-left:1em;
}

#page-links .links-list li{
	padding-bottom:0.3em;	
}

#page-links .partners-list{
	list-style:none;	
	margin-top:5em;
}

#page-links .partners-list li{
	
	display:inline-block;
	padding-right:0.4em;
	vertical-align:top;
	min-height:3em;
}

/* Page login */

#page-login .page-content{
	text-align:center;
}

#page-login .page-menu{
	
}

#page-login .sm-box-container.half-center .sm-box{
	width:60%;
}

/* Page mailbox */

#page-mailbox .mailbox-toolbar .col{
	
}
#page-mailbox .mailbox-toolbar .col{
	float:left;
	padding-bottom:1em;
	
}
#page-mailbox .mailbox-toolbar .col.col-nav{
	
}
#page-mailbox .mailbox-toolbar .col.col-mailbox-size{
	float:right;
	max-width:40%;
}

#page-mailbox .mailbox-list{
	width:100%;

	overflow:visible;
}

#page-mailbox .mailbox-list .row{
	clear:both;
	
	
	
	width:100%;
}


#page-mailbox .mailbox-list .col{
	float:left;
	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-left:0.3em;
	padding: 0.3em 0.1em 0.3em 0.3em;
	
}


#page-mailbox .mailbox-list .mailbox-header .col{
	background: #DEF7F0;
}


#page-mailbox .mailbox-list .row.msg-read .col{
	background:#efefef;
}

#page-mailbox .mailbox-list input[type="checkbox"]{
	transform:scale(1.2);
}

#page-mailbox .mailbox-list .col-check{
	width:5%;
	text-align:center;
	padding-left:0em;
}
#page-mailbox .mailbox-list .col-sender{
	width:20%;
}
#page-mailbox .mailbox-list .col-date{
	width:25%;
}
#page-mailbox .mailbox-list .col-subject{
	width:50%;
}

#page-mailbox .mailbox-list .col-subject{
	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#page-mailbox .mailbox-topic-list .col-sender{
	width:20%;
}
#page-mailbox .mailbox-topic-list .col-subject{
	width:80%;
}

#page-mailbox .page-nav-links{
	padding-bottom:1em;
}

/* Page message / page topic */
#page-message .mailbox-toolbar{

	padding-bottom:1.5em;
}
#page-message .mailbox-toolbar .left-panel{
	float:left;
}
#page-message .mailbox-toolbar .right-panel{
	float:right;
}

#page-message .mailbox-message-panel{
	
	background: linear-gradient(to bottom, #EEFAE6 0%, #F0FBEB 100%); 
	mborder: 1px solid #9CD679;

	background:#B3CCED;
	border: 1px solid #B3CCFD;
}

#page-message .mailbox-message-panel .row{
	clear: both;
	
}

#page-message .mailbox-message-panel .col{
	float:left;
	padding-bottom:0.2em;
}



#page-message .mailbox-message-panel .col-label{
	padding-right:0.2em;
	
	text-align:left;
	
}

#page-message .mailbox-message-panel .col-from-label,
#page-message .mailbox-message-panel .col-subject-label
{
	padding-left:0.4em;
	min-width:9%;
}

#page-message .mailbox-message-panel .col-from-text{
	width:30%;
}

#page-message .mailbox-message-panel .col-message{
	float:none;
	width:100%;
	padding-left:0.4em;
	padding-right:0.4em;
}

#page-message .mailbox-message-panel .col-message .msg-body{
	height:300px;
	text-align:left;
	background:#FBFBFB;
	padding-top:0.3em;
	padding-left:0.2em;
	padding-right:0.2em;

	overflow:auto;
}

#page-message.topic .mailbox-message-panel .col-message .msg-body{
	background:#F7F7F7;
	border:1px solid #006699;
}

#page-message .pbutton-mailbox{
	/* Switch style to link when submit button is displayed */
	background:transparent;
	border:none;
}
#page-message .pbutton-mailbox:hover{
	color:orange;
}

/* page mp variation*/

#page-mpvariation .col, #page-mpvariation-duplicate .col{
	padding:0.5em 0.3em 0.5em 0.3em;
}


/* page newticket */

#page-newticket .row-msg-label, #page-newticket .row-msg{
	padding-bottom:0em;
}

#page-newticket textarea[name="msg"]{
	width:98%;
}

#page-newticket .row-username .col-input{
	font-weight:bold;
}

#page-newticket .msg-info{
	text-align:center;
	color:blue;
	padding-bottom:1em;
}




/* page new-password */

#page-new-password .page-content{
	text-align:center;	
}

#page-new-password .page-notice{
	text-align:left;	
}

#page-new-password .sm-box, #page-new-password .msg-error, #page-new-password .msg-info{
		width:60%;
}

#page-new-password .msg-error{
	display:inline-block;
	text-align:center;
}

#page-new-password .msg-info{
	display:inline-block;
	text-align:center;
	color:blue;
	padding-bottom:1em;
}


#page-new-password .sm-box .sm-box-row input[type='submit']{
	margin-top:0em;
}

/* Page preferences */
#page-preferences .row{
	
}
#page-preferences .col{
	text-align:left;
	padding-left:0.5em;
	padding:0.5em;
	mborder-radius:0;
}

#page-preferences .col.col-check{
	text-align:center;
}

#page-preferences input[type="checkbox"]{
	transform:scale(1.2);
}

#page-preferences .col-submit{
	text-align:center;
}


/* Page privacy -> page-terms */



/* Page product / Download */

#page-product .page-menu{
	min-width:336px;
}


#page-product .box{
	
}

#page-product .box-left{
	float:left;
	padding-right:2em;
	text-align:center;
}



#page-product .box-right{
	display:block;
}

#page-product .product-picture img{
	height: 140px;	
}

#page-product .product-description {
	padding-bottom:5em;
}
#page-product .product-info .pbutton{
	padding: 0.5em 0.4em 0.5em 0.4em;
}

#page-product .button-container{
	
	padding-top:1em;
}

#page-product .product-info .pbutton img{
	vertical-align:middle;
}

#page-product .product-download{
	padding-top:2em;
}

#page-product .product-download .pbutton{
	padding: 0.85em 0.85em 0.85em 0.85em;
}

#page-product .product-download .pbutton img{
	padding-bottom:0.2em;
	padding-right:0.1em;
}

#page-product .product-download a{
	/*
	text-decoration:underline;
	*/
}



#page-product .product-note{
	padding-top:2em;
	font-size:0.8em;
	color:#545454;
}

#page-product .sm-note{
	padding-top:1em;
	font-size:1.0em;
}

/* Page profil */
#page-profil .row{
	
}
#page-profil .col{
	padding-left:0.5em;
	padding:0.5em;
}


/* Page ranking */

#page-ranking .search-box{
	text-align:right;
	padding-bottom:1em;
	padding-right:0.65em;
}

#page-ranking .search-box [name='user']{
	padding:0.25em 0.1em 0.3em 0.2em;
	border: 1px solid #cfcfcf;
}

#page-ranking .msg-error{
	display:inline-block;
	padding-bottom:1em;
}
#page-ranking .msg-info{
	color:blue;
	padding-bottom:1em;
	display:inline-block;
}

#page-ranking .ranking-notice{
	text-align:center;
	font-style:italic;
	font-size:0.8em;
	color:green;
}

#page-ranking .players-ranking{
	overflow:visible;
	font-size:0.85em;
	text-align:center;
}

#page-ranking .ranking-header .ranking-col{
	background:#DEF7F0;
}

#page-ranking .ranking-row{
	clear:both;
	/*
	font-family:khula;
	*/
}

#page-ranking .ranking-col{
	float:left;
	width:10%;
	padding-top:0.4em;
	padding-bottom:0.4em;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#page-ranking .ranking-row.alt_color2 .ranking-col{
	background:#F4F4F4;
}

#page-ranking .ranking-row.ranking-header .ranking-col{
	height:3.8em;
	/* background:#DEF7F0; */
	font-weight:bold;
}

#page-ranking .ranking-col.col-num{
	width:6%;
}

#page-ranking .ranking-col.col-username{
	width:29%;
	text-align:left;
	padding-left:0.4em;	
}



#page-ranking .ranking-col.col-pm{
	width:8%;
}


#page-ranking .ranking-col.col-pdep{
	width:9%;
}


#page-ranking .ranking-col.col-nbgames{
	width:10%;
}


#page-ranking .ranking-col.col-won{
	width:10%;
}
#page-ranking .ranking-col.col-win{
	width:10%;
}

#page-ranking .ranking-col.col-avgscore{
	width:8%;
}



#page-ranking .ranking-col.col-avgscorediff{
	width:9%;
}

#page-ranking.page-ranking-duplicate .ranking-col.col-avgscorediff{
	width:11%;
}



#page-ranking.page-ranking-duplicate .ranking-col.col-num{
	width:9%;
}
#page-ranking.page-ranking-duplicate .ranking-col.col-username{
	width:31%;
}
#page-ranking.page-ranking-duplicate .ranking-col.col-pm{
	width:10%;
}
#page-ranking.page-ranking-duplicate .ranking-col.col-pdep{
	width:10%;
}
#page-ranking.page-ranking-duplicate .ranking-col.col-nbgames{
	width:11%;
}
#page-ranking.page-ranking-duplicate .ranking-col.col-avg-top{
	width:10%;
}
#page-ranking.page-ranking-duplicate .ranking-col.col-avgscore{
	width:10%;
}
#page-ranking.page-ranking-duplicate .ranking-col.col-avg-topMatch{
	width:9%;
}


#page-ranking .sm-ranking{
	margin-top:1em;		
}

#page-ranking .sm-ranking-row {
	font-size:0.85em;
	padding-top:0.35em;
	padding-bottom:0.5em;
}

#page-ranking .sm-ranking-col {
	
}

#page-ranking .sm-ranking-col.col-num {
	width:15%;
}
#page-ranking .sm-ranking-col.col-username {
	width:50%;
	padding-left:0.4em;
}
#page-ranking .sm-ranking-col.col-pm {
	width:30%;
	text-align:right;
}



#page-ranking .page-nav {
	padding-top:1em;
	text-align:center;
}
#page-ranking .page-nav-links a, #page-ranking .page-nav-links b{
	padding-right:0.3em;
}
#page-ranking .page-nav-jump {
	float:right;
	padding-right:2.5em;
}

/* Page recommend */

#page-recommend .page-content{
	text-align:center;
}

#page-recommend .main-title{
	padding-bottom:0.5em;
}

#page-recommend .sm-box .sm-box-row{
	clear:both;
	padding: 0.25em 1em 0em 1em;
}

#page-recommend .sm-box {
	padding-bottom:0.3em;
}


#page-recommend .msg-send-preview{
	text-align:center;
	padding-top:1.2em;
}

#page-recommend .msg-info{
	color:blue;
	font-weight: bold;
	font-size: 1.3em;
}

/* Page register */

#page-register .page-content{
	text-align:center;	
}

#page-register .sm-box, #page-register .msg-error{
		width:60%;
}


#page-register .msg-error{
	display:inline-block;
	text-align:center;
}


/* Page registered */

#page-registered .page-content{
	text-align:center;
}

#page-registered .sm-box{
	width:60%;
}

#page-registered .sm-box ul{
		padding-left:2.5em;
}

#page-registered .sm-box .sm-box-row{
	padding-top:1.5em;
}



#page-registered .unreceived-mail-label{
	color:orangered;
	color:green;
	font-weight:bold;
	padding-top:1em;
	padding-bottom:1em;
}

/* Page screenshots */
#page-screenshots .section-title{
	
}

#page-screenshots .image-container {
	padding-top:1em;
	padding-bottom:1em;
}

#page-screenshots .image-container img {
	width: 90%;
	border: 1px solid #949494;
	
}

/* Page statistics */
#page-statistics .sm-box, #page-statistics-duplicate .sm-box{
	margin-bottom:1em;
	padding-bottom:0;
	border-color:#CCCCCC;
}

#page-statistics .sm-box-left, #page-statistics-duplicate .sm-box-left{
	width:55%;
} 

#page-statistics .sm-box-right, #page-statistics-duplicate .sm-box-right{
	width:44%;
} 

#page-statistics .col, #page-statistics-duplicate .col{
	padding:0.3em 0.3em 0.3em 0.3em;
}

/* Page support */
#page-support .page-menu{
	
}

#page-support .sm-box{
	margin-top:1.5em;
	margin-left:0;
}

#page-support .support-list a{
	color:blue;
	color: #28a18f;
	color: #586ff1;
	color: #686ff1;
	white-space:break-spaces;
}
#page-support .support-list a:hover{
	color:orange;
}

#page-support .support-list{
	padding-left:1.5em;
}

#page-support .support-item{
	padding-bottom:1em;
}

#page-support .support-item-title{
	font-size:1.1em;
	color: #009933;
	font-weight:bold;
	padding-bottom:0.3em;
}
#page-support .subitem{
	list-style:none;
	padding-left:2em;
}

#page-support .faq-item{
	padding-bottom:0.3em;
}

#page-support .new-search{
	padding-left:0.8em;
}

/* Page terms/privacy */

#page-terms .page-content, #page-privacy .page-content{
	position:relative;
}

#page-terms .page-menu{
	
}

#page-terms .main-notice{
	color:magenta;
	font-size: 1.2em;
	display:none;
}

#page-terms .update-notice, #page-privacy .update-notice{

	padding-top:2em;
	font-size: 0.85em;
	display:none;
}

#page-terms p, #page-privacy p{
	padding-bottom:1em;
}
#page-terms  ul, #page-terms ol, #page-privacy  ul, #page-privacy ol {
	
	padding-left:0em;
}

#page-terms  ul.terms-sublist, #page-terms ol.terms-sublist {
	list-style:none;
}
 
#page-privacy ol.terms-sublist {
	list-style-type: lower-alpha;
	padding-left:1em;
}

#page-terms .terms-item, #page-privacy .terms-item{
	font-weight:bold;
	padding-top:1.0em;
	padding-bottom:1.0em;
	
}
#page-terms  ul.terms-sublist .terms-item, #page-privacy  ul.terms-sublist .terms-item{
	font-weight:normal;
}

#page-terms .terms-item.terms-item-title, #page-privacy .terms-item.terms-item-title{
	margin-left:1em;
	margin-left:4em;
	padding-top:1.4em;
	padding-bottom:0.5em;
}

#page-terms .terms-subitem, #page-privacy .terms-subitem{
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#page-terms .terms-subitem{
	margin-left:5.0em;
}

#page-privacy .terms-subitem{

}

/* Page tour */
/*
#page-tour .page-menu{
	display:none;
}
*/
#page-tour .section-features{
	clear:both;
	padding-bottom:1em;
}
#page-tour .section-features .section-title{
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-bottom:1.5em;
	border-top:1px solid #9CD679;
	border-bottom:1px solid #9CD679;
	
	text-align:center;
	background: linear-gradient(to bottom, #EEFAE6 0%, #F0FBEB 100%); 
	color:#408020;
	color:#546454;
	color:#545454;
	font-weight:bold;

}
#page-tour .section-features .box-left{
	width:50%;
	float:left;
	text-align:center;
	padding-bottom:2em;
}

#page-tour .section-features .box-right{
	width:49%;
	float:left;

	padding-left:2em;
	padding-bottom:2em;
}


#page-tour .section-features .box-left img{
	width:80%;
	margin:auto;
}

#page-tour .tour-item, #page-tour .tour-subitem{
	padding-bottom:1.5em;
}

#page-tour .tour-sublist{
	padding-left:3em;
}

#page-tour .pbutton{
	padding:0.5em 0.7em 0.5em 0.7em;
	display:inline-block;
	margin-bottom:1em;
		
}


/* Page events */

#page-saint-valentin{
	
}

#page-saint-valentin .page-menu{
	display:none;
}

#page-saint-valentin .question-box{
	mmax-width:628px;
	padding-bottom:1em;
}

#page-saint-valentin .box{
	
}

#page-saint-valentin .box-left{

	border: 1px solid #aebfe2;
	display:block;

	overflow:hidden;
	text-overflow:ellipsis;
	
	padding-right:1em;
	padding-left:0.7em;
	padding-top:1em;
	padding-bottom:1em;
	max-width:75%;
}

#page-saint-valentin .box-right{
	mpadding-top:1em;
	
	float:right;
	width:350px;
	margin-left:1em;
}


#page-saint-valentin .question-title{
	font-weight:bold;
	padding-bottom:0.5em;
}

#page-saint-valentin .txt-answer{
	text-transform:uppercase;
	font-family:nunito;
}

#page-saint-valentin .question-answer{
	padding-top:0.8em;
	padding-bottom:1em;
}

#page-saint-valentin .msg-info, .msg-error{
	text-align:center;
	padding-bottom:1em;
}

#page-saint-valentin .good-answer{
	color:green;
}
#page-saint-valentin .bad-answer{
	color:orangered;
}

/* Small screendevices (phones, less than 768px) */	
@media  (max-width: 767px) {

	/* cookie consent */
	.cc-revoke,.cc-window {
        height:auto;
	}
	
    .section{
    	height:auto;
    }

	.container{
		padding-top:0.5em;
	}
	.box {
		float:none;
		display:block;
		width:100%;
		padding-bottom: 1em;		
    }

    .box_2cols{
	    width:100%;
    }

	.control-btns .pbutton{
		font-size:0.85em;
		margin-top:0.5em;
	}

	.control-btns .pbutton .sm-icon{
		font-size:1.3em;
	}

	.control-btns .sm-text{
		display:inline-block;
	}
	.control-btns .text{
		display:none;
	}

	.sm-box{	
		width: 99%;
		margin-left:0;
		min-width:auto;
	}

	.sm-box-container.half-center .sm-box{
		width:99%;
		margin-left:0;
	}
	
	.sm-box.half-center{
		width:99%;
		margin-left:0;
	}
	
	.sm-box .sm-box-row input[type='submit']{
		width: auto;
	}
	
	/* home */
	#section-header{

	}
	#section-header .dcol-site-menu{
		display:inline-block;
		padding-top:1em;
		padding-left:0;
		padding-right:0;
	}

	#section-header .sm-session-user{
		font-size:1.2em;
		margin-bottom:1em;	
	}

	#page-home #section-header .sm-session-user{
		color:#354535;
	}

	#page-home #section-header .sm-user-account {
		color:#354535;
	}
	
	#navcontainer ul{
		padding-left:0;
	}

	#section-group-main{
		min-height:auto;
	}
	
	#page-home #section-group-main{
		background:white;
	}
	
	#section-main {
		padding-top:1em;
		padding-bottom:0em;
	}

	
	#page-home #navcontainer ul li a {
		color:#545454;
	}
	
	
	#section-main .container{
		display:flex;
		flex-direction: column-reverse;	
		
	}

	#section-main .box-intro{
		padding-right:0;
		background: linear-gradient(75deg, #43cea2, #185a9d); /* o1*/
		max-width: 100%; /* important */
	}
	
	
	#section-main .box-ads{
		float:none;
		padding-left:0.4em;
		padding-top:1em;
		
	}

	#section-main .box-intro .box-intro-item1{
		font-size:2.5em;	
		padding-bottom:0.5em;
		
	}
	#section-main .box-intro .box-intro-item2{
		font-size:1.2em;
		
	}

	#section-intro{
		padding-top:0em;
	}

	#section-features ul li{
		float:none;
		width:99%;
		display:block;
		padding-bottom:1em;
	}

	#section-features .sm-icon{
		/*float:left;*/
		padding-right:0.15em;
	}
	#section-features .sm-text{
		
	}
	
	#section-links .links-item{
		
	}

	/* Other pages */

	#section-content {
		font-size:1.15em;
	}

	/*
	.page-menu{
		display:none;
	}
	*/
	

	#section-content .container{
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	    display: -ms-flexbox; /* TWEENER - IE 10 */
	    display: -webkit-flex; /* NEW - Chrome */
	    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	    -ms-flex-direction: column-reverse;
	    -moz-flex-direction: column-reverse;
	    -webkit-flex-direction: column-reverse;
	    flex-direction: column-reverse;

		
	}

	
	#section-content .page-menu, #section-content .container .page-content{
		height:auto;
		display:block;
		
	}
	#section-content .page-menu{
		padding-top:1em;
		width:96%;
		padding-left:4%;
	}

	#section-content .page-menu.page-account-menu{
		display:none; /* Shown in account and account-main-menu pages */
	}

	.page-menu-top .links{
		width:100%;
	}
	.page-menu-top .links .links-item{
		margin-top:0.5em;
		font-size:0.85em;
	}
	
	.page-menu-top .links-item.link-account-main-menu{
		display:inline-block;
	}
	
	.main-title{
		padding-bottom:0.5em;
	}

	.profil-nav .pbutton{
		float:left;
		margin-right:0.2em;
		margin-bottom:0.5em;
		padding-left:0.2em;
	}
	
	/* page account */
	#page-account .page-content .sm-box{
		width:100%;
	}

	#page-account #section-content .page-menu.page-account-menu{
		display:block;
		padding-top:0em;
		margin-top:-2em;
	}

	/* page account-main-menu */
	#page-account-main-menu .main-title{
		display:none;	
	}
	#page-account-main-menu #section-content .page-menu.page-account-menu{
		display:block;
		padding-top:0em;
		margin-top:-1em;	
	}
	
	/* page banlist */
	#page-banlist .page-content{
		padding-left:0.2em;
		padding-right:0.2em;
	}
	
	#page-banlist .banlist-players{
		font-size:0.75em;
	}
	
	#page-banlist .banlist-row {
	    width: 150%;
		width: 100%;
		height:8.5em;
	}
	
	#page-banlist .banlist-row.banlist-header .banlist-col{
		font-size:0.9em;	
	}
	
	#page-banlist .banlist-row .banlist-col{
		
		white-space:initial;
	}
	
	#page-banlist .banlist-players{
		overflow:auto;
		
	}
	
	#page-banlist .banlist-col.col-num{
		width:11%;
	}
	
	#page-banlist .banlist-col.col-username{
		width:27%;
	}
	
	#page-banlist .banlist-col.col-ban-reason{
		width:26%;
	}
	#page-banlist .banlist-col.col-ban-begin{
		width:12%;
	}
	#page-banlist .banlist-col.col-ban-end{
		width:12%;
	}
	#page-banlist .banlist-col.col-duration{
		width:11%;
	}

	#page-banlist .banlist-col.col-ban-reason .default-ban-reason{
		display:none;
	}
	#page-banlist .banlist-col.col-ban-reason .sm-ban-reason{
		display:inline;
	}

	/* page blacklist */	
	#page-blacklist .blacklist-list-box{
		min-width:100%;
	}
	#page-blacklist .blacklist-notice{
		text-align:left;
	}
	

	#page-compose .mailbox-compose-panel .col-message textarea{
		height:200px;
	}

	#page-compose .mailbox-compose-panel .col-smileys img{
		height:1.1em;
	}
	
	/* page-confirm */
	
	#page-confirm .sm-box{
		width:99%;
	}
	
	/* page faq */
	
	#page-faq .page-content {
		padding-left:0.5em;
		padding-right:0.5em;
	}

	/* page friendlist */	
	#page-friendlist .friendlist-list-box{
		min-width:100%;
	}
	
	/* page getpassword*/
	#page-getpassword .sm-box, #page-getpassword .msg-error, #page-getpassword .msg-info{
		width:99%;
	}

	#page-getpassword .sm-box .sm-box-col{
		width: 99%;
	}
	#page-getpassword .sm-box .sm-box-col.col-label{
		padding-top:0.5em;
		padding-bottom:0.5em;		
	}

	
	/* page guide */
	#page-guide .image-container img {
		width: 99%;
	}

	/* page-history, page-history-duplicate*/
	#page-history .history-list, #page-history-duplicate .history-list,
	#page-history-alpha .history-list, #page-history-alpha-duplicate .history-list
	{
		width:auto;
	}

	#page-history-alpha .history-list .col-date{
		width:15%;
	}
	/* page login */
	#page-login .sm-box-container.half-center .sm-box{
		width:99%;
	}

	/*page mailbox */

	
	#page-mailbox .mailbox-toolbar .col.col-mailbox-size{
		margin-top:-0.6em;/*mailbox-size alignment*/
		font-size:0.8em;
	}
	
	#page-mailbox .mailbox-list{
		font-size:0.9em;
	}
	#page-mailbox .mailbox-list .mailbox-header{
		font-size:0.9em;
	}
	
	#page-mailbox .mailbox-list .row{
		height:3em;
	}
	
	#page-mailbox .mailbox-list .col{
		
		height:100%;
	}
	
	#page-mailbox .mailbox-list .col-check{
		width:10%;
		
	}
	#page-mailbox .mailbox-list .col-sender{
		width:25%;
	}

	#page-mailbox .mailbox-list .mailbox-header .col-sender{
		word-break: break-word;
		text-overflow:initial;
		white-space:break-spaces;
	}
	
	#page-mailbox .mailbox-list .col-date{
		
		width:27%;

		font-size:0.9em;
		white-space:normal;
		overflow:visible;
		text-overflow:initial;
		word-break:normal;
		
	}
	#page-mailbox .mailbox-list .col-subject{
		width:38%;
	}
	
	#page-mailbox .mailbox-topic-list .col-sender{
		width:40%;
	}
	#page-mailbox .mailbox-topic-list .col-subject{
		width:60%;
	}

	/* Page message */
	
	#page-message .mailbox-message-panel{
		margin-bottom:0;
	}
	#page-message .mailbox-message-panel .col-on-label{
		clear:left;
		padding-left:0.3em;
	}
	
	
	#page-message .mailbox-toolbar{
		display:flex;
		flex-direction:column-reverse;
		padding-bottom:0em;
	}
	
	
	#page-message .mailbox-toolbar .left-panel{
		text-align:left;	
	}
	
	#page-message .mailbox-toolbar .right-panel{
		text-align:right;
		margin-bottom:1.4em;
	}
	
	#page-message .mailbox-message-panel .col-message .msg-body{
		height:200px;
	}

	/*
	#page-message .mailbox-toolbar{
		margin-bottom:1.5em;
	}
	#page-message .mailbox-toolbar .left-panel{
		max-width:40%;
	}
	#page-message .mailbox-toolbar .right-panel{
		margin-top:0em;
	}
	#page-message .mailbox-toolbar .pbutton-write{
		margin-top:1em;
		display:inline-block;
	}
	*/
	
	
	/* page new-password*/
	#page-new-password .sm-box, #page-new-password .msg-error, #page-new-password .msg-info{
		width:99%;
	}

	#page-new-password .sm-box .sm-box-col{
		width: 99%;
	}
	#page-new-password .sm-box .sm-box-col.col-label{
		padding-top:0.5em;
		padding-bottom:0.5em;		
	}
	
	/* page product */
	#page-product .product-picture {
		padding-right:1em;
	}

	#page-product .product-picture img{
		width:100%;
		height: auto;	
	}

	#page-product .product-description {
		padding-bottom:0em;
	}

	#page-product .product-download{
		padding-top:1em;
	}

	#page-product .product-info-2 .product-picture{
		display:none;
	}

	#page-product .product-note{
		padding-top:0.5em;
	}

	#page-product .pbutton{
		padding-left:0em;
		padding-right:0em;
		display:block;
	}

	#page-product .product-download a .sm-break{
		display:block;
	}
	
	/* page-ranking */

	#page-ranking .container{
		overflow:auto;
		
	}
	
	#page-ranking .players-ranking{	
		overflow:auto;
		font-size:0.75em;
	}

	#page-ranking .ranking-row.ranking-header .ranking-col{
		font-size:0.9em;
		height:4.8em;
	}

	#page-ranking .ranking-row.ranking-header .ranking-col .brk{
		display:block;
	}

	#page-ranking .ranking-row{
		width:140%;	
	}
	
	#page-ranking .ranking-col{
		
	}
	
	#page-ranking .ranking-col.col-num{
		width:9%;
	}
	#page-ranking .ranking-col.col-username{
		width:20%;
	}

	#page-ranking .ranking-col.col-pm{
		width:9%;
	}
	#page-ranking .ranking-col.col-pdep{
		width:9%;
	}
	#page-ranking .ranking-col.col-nbgames{
		width:11%;
	}
	#page-ranking .ranking-col.col-won{
		width:11%;
	}
	#page-ranking .ranking-col.col-win{
		width:11%;
	}
	#page-ranking .ranking-col.col-avgscore{
		width:9%;
	}
	#page-ranking .ranking-col.col-avgscorediff{
		width:9%;
	}

	
	#page-ranking.page-ranking-duplicate .ranking-col.col-num{
		width:9%;
	}
	#page-ranking.page-ranking-duplicate .ranking-col.col-username{
		width:27%;
	}
	#page-ranking.page-ranking-duplicate .ranking-col.col-pm{
		width:10%;
	}
	#page-ranking.page-ranking-duplicate .ranking-col.col-pdep{
		width:10%;
	}
	#page-ranking.page-ranking-duplicate .ranking-col.col-nbgames{
		width:11%;
	}
	#page-ranking.page-ranking-duplicate .ranking-col.col-avg-top{
		width:11%;
	}
	#page-ranking.page-ranking-duplicate .ranking-col.col-avgscore{
		width:11%;
	}
	#page-ranking.page-ranking-duplicate .ranking-col.col-avg-topMatch{
		width:11%;
	}
	

	/* page register */

	#page-register .sm-box, #page-register .msg-error{
		width:99%;
	}
	
	/* page registered */
	
	#page-registered .sm-box{
		width:99%;
	}

	#page-screenshots .image-container img {
		width: 99%;
	}
	
	/**/
	#page-statistics .sm-box, #page-statistics-duplicate .sm-box{
		width: 100%;
		
	}
	
	/* page support */
	#page-support .subitem{
		/*list-style:circle; */
	}
	
	#page-support .faq-item{
		padding-bottom:1.3em;
	}

	#page-terms .update-notice{
		position:initial;

		padding-top:2em;
	}

	#page-terms .terms-item.terms-item-title, #page-privacy .terms-item.terms-item-title{
		margin-left:2em;
		padding-left:0;
	}

	#page-terms  ul.terms-sublist, #page-terms ol.terms-sublist {
		
	}
	
	#page-terms .terms-subitem{
		margin-left:0.0em;
	}
	
	/* page tour */
	/*
	#page-tour .box{
		display:flex;
		flex-direction: column-reverse;	
	}
	*/
	
	#page-tour .section-features .box-left, #page-tour .section-features .box-right{
		width:100%;
	}
	
}