*{
	box-sizing: border-box;
}
.noStyle{
	border:0 !important;
	width:auto !important;
	background:transparent !important;
}

body{
	margin:0;
	padding:45px 0 100px 0;
	font-family:Verdana,helvetica,arial,sans-serif;
	font-size:12px;
	text-align:center;
}
th,td{
	font-family:Verdana,helvetica,arial,sans-serif;
	font-size:12px;
	vertical-align:top;
	padding:2px;
	-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	/*letter-spacing: 1px;*/
}
input,select,textarea{
	font-family:Verdana,helvetica,arial,sans-serif;
	border:1px solid #999;
	font-size:12px;
	outline: 0 !important;
}
select{
	height:20px;
}
textarea{
	padding:0;
	font-size:14px;
}
label{
	height:20px;
	line-height:20px;
	font-size:12px;
}
input.button{
	width:50px !important;
	font-size:11px !important;
}
input.register{
	width:auto !important;
	font-size:11px !important;
}
.newTopic{
	clear:both;
	background:url(../images/new_topic_button.gif) no-repeat 0 0;
	display:block;
	width:165px;
	padding:0 0 0 35px;
	height:31px;
	line-height:29px;
	font-family:Arial;
	color:#000 !important;
	font-size:14px !important;
	font-weight:bold;
	text-decoration:none !important;
	border:0 !important;
}
.newTopic:hover{
	background:url(../images/new_topic_button.gif) no-repeat 0 -31px;
}

.user_name,.user_category,.user_customField,.user_province_country, .user_date,.user_ipAddress{
	display:block;
	font-size:10px;
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:1px dotted #948D8D;
	line-height:16px;
}
.user_name strong,.user_customField strong, .user_identityBlockedReason strong{
	display:none;
}
.user_nick{
	font-weight:bold;
	display:block;
	font-size:14px;
	margin-bottom:5px;
}
.user_category strong{
	display:block;
}
.user_identityBlockedReason{
	font-weight:bold;
	color:#F20015;
	text-decoration:underline;
	font-size:14px;
}
.user_customField a{
	word-wrap:break-word;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	width:120px;
	display:block;
	text-decoration:none !important;
	border:0 !important;
}

a:link,a:visited{text-decoration:none;}

h1{
	font-size:18px;
	margin:0 0 10px 0;
	padding:0;
}
h2{
	font-size:14px;
	margin:0 0 5px 0;
	padding:0;
}
h3{
	font-size:12px;
	margin:0;
	padding:0;
}
code{
	display:block;
}
p{
	margin:0 0 20px 0;
	padding:0;
}

table{
	width:100%;
	clear:both;
	margin-bottom:10px;
}

form{
	margin:0;
	text-align:center;
	padding:0;
}

iframe{
	width:100%;
	margin:0;
	padding:0;
}
optgroup{padding:2px 0 2px 0;}

#head{
	text-align:left;
	margin:0 auto 0 auto;
	max-width: 1100px;
    min-width: 900px;
    width:100%;
    overflow:hidden;
}

#head a{
	text-decoration:none;
	border:0;
}
#main{
	text-align:left;
	margin:0 auto 10px auto;
	max-width: 1100px;
    min-width: 900px;
    width:100%;
	padding:10px 0 10px 0;
	z-index:20;
	position:relative;
}
#foot{
	clear:both;
}
/* TOP BAR */
#mainBar{
	position:fixed;
	left:0;
	top:0;
	right:0;
	height:40px;
	box-shadow: 0 5px 1px #ddd;
	text-align:center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index:99;
}
#mainBar .container{
	position:relative;
	margin:0 auto 0 auto;
	max-width: 1100px;
    min-width: 900px;
    width:100%;
	height:40px;
	overflow-y:hidden;
	text-align:left;
}
#mainBar .bar_form{
	position:absolute;
	top:0;
	right:0;
	height:40px;
	overflow:hidden;
	
	
	white-space: nowrap;
	text-align:right;
}
#mainBar .bar_form input{
	font-size:14px;
	padding:3px;
	margin:5px 5px 0 0;
}
#quickSearchForm{
	margin-left:110px;
	max-width:300px;
}
#quickSearchForm input[type="text"]{
	width:70%;
}
#loginForm{
	margin:0;
	left:80px;
	text-align:left;
	/*width:55%;*/
	width:65%;
}
#mainBar #loginButton{
	display:none;
}
#loginForm fieldset{
	margin:0;
	padding:0;
	border:0;
}
#loginForm input:not([type='checkbox']){
	width:20%;
}
#loginForm input[type='checkbox']{
	margin:0;
	position:relative;
	top:3px;
}
#loginForm .button{
	margin-left:5px !important;
}
#loginForm label{
	display:inline-block;
	color:#fff;
	font-size:11px;
}

/*MENU LEFT*/
#mainBar .bar{
	position:absolute;
	top:0;
	margin:0;
	padding:0;
}
#bar_buttons{
	left:0;
	z-index:90;
}
#bar_languages{
	right:0;
	z-index:80;
	overflow-x:hidden;
}
#mainBar .bar li{
	position:relative;
	left:0;
	top:0;
	display:inline-block;
	margin:0;
	padding:0;
}
#mainBar .bar a{
	display:block;
	width:35px;
	height:40px;
	text-decoration:none !important;
	border:0 !important;
}
#mainBar .bar span{
	display:inline-block;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	position:relative;
	top:8px;
}

#mainBar .bar .b_main_menu span, #mainBar .bar .b_user_menu span{
	background-position:-280px -80px;
}
#mainBar .bar .b_login span{
	background-position:-160px -120px;
}
#mainBar .bar .b_user_notifications span{
	background-position:-240px 0;
}
#mainBar .bar .b_home span{
	background-position:-240px -80px;
}
#mainBar .bar .b_home{
	border-right:1px solid #000 !important;
}
#mainBar .bar .b_home a{
	border-right:1px solid #999 !important;
}
#mainBar .bar .b_user_notifications strong{
	background:#ff0000;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 5px;
    position: absolute;
    right: 3px;
    top: -1px;
}
.panel{
	text-align:left;
	position: fixed;
	width: 300px;
	color: #bbb;
	left: -300px;
	top: 40px;
	height:100%;
	display:block;
	opacity: 1;
	z-index:99;
	padding:0;
	margin:0;
	list-style:none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.panel li{
	padding:0 10px 0 10px;
	margin:0;
	line-height:40px;
	cursor: pointer !important;

	font-size:15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.panel form{
	text-align:left;
}
.panel input{
	margin:0 5px 0 0;
}
.panel label{
	line-height:40px;
	font-size:15px;
}
.panel li a{
	border:0;
	text-decoration:none;
	display:block;	
}
.panel li span{
	display:inline-block;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	position:relative;
	top:8px;
	margin-right:5px;
}
.panel .b_nickname a{
	display:inline-block;
}
.panel .b_notification span{
	background-position:-80px -120px;
}
.panel .b_nickname span{
	background-position:-80px -80px;
}
.panel .b_my_thread span{
	background-position:0 -120px;
}
.panel .b_logout span{
	background-position:-320px -120px;
}
.panel .b_open_thread span{
	background-position:-200px 0px;
}
.panel .b_login span{
	background-position:-160px -120px;
}
.panel .b_home span{
	background-position:-240px -80px;
}
.show {
	left: 0 !important;
}

/* MENU LINGUE */
#bar_languages a{
	font-size:0;
}
#bar_languages .it{
	background:url(../images/flag_it.gif) no-repeat center center;
}
#bar_languages .en{
	background:url(../images/flag_en.gif) no-repeat center center;
}

.adminTopicNotes{
	position:fixed;
	bottom:0;
	right:0;
	clear:both;
    padding:10px 20px 10px 20px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    background:#c0c4da;
    text-align:center;
    border-top:2px solid #000;
    border-left:2px solid #000;
    border-right:2px solid #000;
    max-width:100%;
    min-width:500px;
    border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}
.adminTopicNotes fieldset{
	padding:0;
	border:0;
	margin:0 auto 0 auto;
	max-width: 1100px;
    width:100%;
}
.adminTopicNotes legend{
	font-size:13px;
	padding:0;
	margin:0;
}
.adminTopicNotes textarea{
	width:100%;
	height:70px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.adminTopicNotes button{
	display:block;
	width:100px;
	margin:auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;
	background:#000;
	color:#fff;
	border:0;
}
.adminTopicNotes.collapsed textarea,
.adminTopicNotes.collapsed button{
	display:none;
}
.adminTopicNotes legend a{
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	text-decoration:none;
	border:0;
	padding-left:20px;
	padding-bottom:5px;
	line-height:14px;
	color:#000;
}
.adminTopicNotes legend a:before{
	content:"-";
	font-size:20px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	line-height:14px;
}
.adminTopicNotes.collapsed legend a:before{
	content:"+";
}
/*------------------------*/
@media screen and (max-width:979px) {
	#loginForm{
		display:none !important;
	}
}
@media screen and (max-width:979px) {
	#loginButton{
		display:inline-block !important;
	}
}


/* FORM DI RICERCA */
#searchForm{margin-bottom:10px;}
#searchForm input{
	display:inline;
	width:auto;
	margin:0;
	padding:10px;
}
#searchForm select{
	padding:10px;
	height: auto;
}
#searchForm form{
	margin:0;
	padding:5px;
}
#searchForm label{
	font-size:14px;
}
#searchForm input.button{
	width: auto !important;
	font-weight: bold;
}
/* ELENCO PAGINE */
#resultsPages{
	width:100%;
	text-align:right;
}
#resultsPages strong{
	line-height:30px;
	padding-right:10px;
}
#resultsPages p{
	margin:0;
	padding:5px 0 5px 0;
	text-align:right;
	font-size:10px;
	clear:both;
}
#resultsPages p strong{
	line-height:12px;
	padding-right:0;
}
#resultsPages a{
	display:inline-block;
	margin:0 2px 0 2px;
	padding:5px 4px 5px 4px;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	height:auto !important;
	text-align:center;
	min-width:16px;
}

#forumNavBar{
	list-style:none;
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	clear:both;
}
#forumNavBar::before {
  content: "\2022";
  font-weight: bold;
  font-size: 13px;
  padding-right: 5px;
  color: #000;
}
#forumNavBar li{
	display:inline;
	font-size:11px;
}
.forumTable{
	clear:both;
	margin:0 0 10px 0;
}
.forumTable th, .forumAreaTitle,.areaTable th{
	padding:7px 10px 7px 10px;
	font-size:16px;
	margin:0 !important;
	text-align:left;
	font-weight: normal;
}
.forumTable td{
	padding:10px;
}
.areaTable td{
	padding:5px;
}

.forumTable p{
	font-size:12px;
}

.topicTable{
	clear:both;
	margin:10px 0 5px 0;
	border-collapse: separate;
/*	table-layout: fixed;*/
}
.topicTable th{
	padding:7px 5px 7px 5px;
	white-space: nowrap;
	font-size:16px;
	font-weight: normal;
	text-align:left;
}
.topicTable td{
	padding:5px;
	line-height:18px;
}
.topicTable fieldset{
	text-align:left;
	margin-bottom:10px;
	padding:5px;
}
.topicTable legend{
	margin:0 0 5px 0;
}

#submit_button{
	cursor: pointer;
	margin:0 auto 0 auto;
	padding:5px 0 5px 0;
	border:2px solid #7d0b10 !important;
	background:#a90f15 !important;
	color:#ffb572 !important;
	width:200px !important;
	font-size:15px;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.topicTable p{
	width:90%;
	margin:0;
	padding:10px 0 10px 0;
}
.topicTable span a{
	color:#000;
}

#loginBoxMiddle{
	clear:both;
}

#loginBoxMiddle fieldset{
	border:0;
}


blockquote{
	margin:10px 0 10px 30px;
	padding:10px;
}



.responseMessageBox, .errorMessageBox{
	text-align:center;
	margin:20px 0 20px 0;
	padding:20px 20px 30px 70px;
	clear:both;
}
.errorMessageBox h3, .responseMessageBox h3{
	font-size:18px;
	padding:10px;
}

#editorToolbar{
	padding:7px;
	flex-basis: 100%;
	display: flex;
	gap:8px;
	flex-wrap: wrap;
}
#iframeSmile,
#textTool{
	display: flex;
	gap:3px;
	flex-wrap: wrap;
}
#editorToolbar a{
	width:30px;
	height:30px;
	overflow:hidden;
	display:flex;
	border:0 !important;
	border-radius: 5px;
}
#editorToolbar .smileTool{
	background: linear-gradient(to bottom, #e7e4db, #c9c6bc);
	border-right: 1px solid #5c5748 !important;
	border-bottom: 1px solid #5c5748 !important;
}
#editorToolbar .smileTool span{
	display: inline-block;
	width:30px;
	height:30px;
	background-position: center center;
	background-repeat: no-repeat;
}


#editorToolbar img{
	border:0 !important;
}

a.attachment{
	display:block;
	padding:0 0 5px 20px;
	margin-bottom:5px;
	width:300px;
}
img.attachment{
	margin-top:10px;
	padding:1px;
	display:block;
	height:auto;
	max-width:750px;
}
img.zoom{
	max-width:1000px;
	border:2px solid #000;
	z-index:99;
}
#frmAdminElement{
	display: flex;
	flex-direction: column;
	gap:10px;
}
#frmAdminElement input{
	font-size:16px;
	padding:4px;
	display:block;
	width:100%;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#frmAdminElement textarea{
	display:block;
	flex-grow: 1;
}
#file_upload{
	flex-basis:100%;
}
#frmAdminElement .categoriesBox{
	flex-basis:100%;
	display: flex;
	flex-direction:column ;
}
#frmAdminElement .attachmentsBox{
	flex-basis:100%;
	
}


#registrationData,
#moveTopicArea,
#topicCategory{
	margin:10px 0 10px 0;clear:both;
}
#registrationData fieldset,#moveTopicArea fieldset{
	margin:0;
	padding:5px;
}
#loginBoxMiddle fieldset{
	margin-bottom:5px;
}
#registrationData form,#moveTopicArea form,#topicCategory form,#loginBoxMiddle form{
	margin:0;
	padding:5px;
}
#moveTopicArea select{
	display:block;
	width:70%;
	margin:2px auto 2px auto;
	height:auto !important;
}
#registrationData label,#loginBoxMiddle label{
	font-size:14px;
}
#topicCategory fieldset{
	border:0;
	display:inline;
	margin:0;
	padding:0;
}
#registrationData input, #topicCategory input{
	display:inline;
	width:auto;
	margin:0 0 5px 0;
}
#loginBoxMiddle input{
	width:200px;
	margin:0 auto 5px auto;
}
#filterCategory{
	text-align:left;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	padding:5px;
}
#filterCategory label{
	font-weight:bold;
	flex-basis: 30%;
}
#filterCategory select{
	/*padding: 15px;*/
	flex-basis: 70%;
	max-width: 100%;
	min-height: 40px;
}
.replyPost{
	clear:both;
	background:url(../images/new_post_button.gif) no-repeat 0 0;
	display:block;
	width:165px;
	height:31px;
	line-height:29px;
	font-family:Arial;
	color:#000 !important;
	font-size:14px !important;
	font-weight:bold;
	text-decoration:none !important;
	border:0 !important;
	text-align:center;
	float:left;
	margin-bottom:5px;
}
.replyPost:hover{
	background:url(../images/new_post_button.gif) no-repeat 0 -31px;
}
.threadButtons{
	margin:0 0 5px 0;
	float:right;
}
.privateForm{
	clear:both;
	text-align:left;
	border-top:1px solid #ccc;
	padding:4px 0 4px 0;
}
.categoryForm{
	clear:both;
	text-align:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px 0 4px 0;
}
.relevanceForm{
	clear:both;
	text-align:left;
	border-bottom:1px solid #ccc;
	padding:4px 0 4px 0;
}
.statusForm{
	clear:both;
	text-align:left;
	border-bottom:1px solid #ccc;
	padding:4px 0 4px 0;
	margin-bottom:10px;
}

.privateForm input,
.categoryForm input,
.statusForm select,
.relevanceForm select{
	width:160px;
	display:inline-block;
}
.privateForm label,
.categoryForm label,
.statusForm label,
.relevanceForm label{
	padding-right:5px;
	display:block;
	float:left;
	line-height:22px;
	min-width:200px;
}

#frmCustomForm table{
	margin:auto;
	border:0;
}
#frmCustomForm td{
	background:none;
	border:0;
	text-align:left;
}
#frmCustomForm label{
	font-weight:bold;
	color:#800000;
}
#frmCustomForm span{
	font-weight:normal;
	font-size:10px;
}
#frmCustomForm input,
#frmCustomForm select{
	margin:0 0 5px 0;
	width:50%;
}
#frmCustomForm textarea{
	margin:0 0 5px 0;
	width:500px;
	height:100px;
}

.socialNetworks{
	float:right;
	height:30px;
	clear:both;
}
#facebookLike,#googlePlusOne,#tweetterTweet{
	float:left;
	line-height:30px;
	padding-left:5px;
}
#facebookLike{
	width:auto;
}
#googlePlusOne{
	width:60px;
}
#tweetterTweet{
	width:79px;
}
.privateTopic{
	background:#333 url(../images/bkg_private_thread.png) repeat;
}
.privateTopic #main, .privateTopic #head{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	
}
.privateTopic #head{
	background:#fff;
}
#privateTopicTitle{
	background:url(../../wonder_red/images/th_bkg.gif) repeat-x scroll;
	margin:0 0 5px 0;
	padding:2px 5px 2px 5px;
	color:#fff;
	font-size:25px;
	text-align:center;
	font-weight:normal;
}
#topicListForm{
	text-align:left;
}
.moveTopicListBar{
	padding:5px 0 20px 0;
}
a.selectDeselectAll{
	background:url(../images/arrow_ltr.png) no-repeat 10px 0;
	padding:5px 5px 10px 50px;
	border:0 !important;
}
a.moveSelected{
	background:url(../images/ico_move.png) no-repeat 0 0;
	padding:5px 0 10px 30px;
	border:0 !important;
}
a.changeCategory{
	background:url(../images/ico_categories.png) no-repeat 0 0;
	padding:5px 0 10px 30px;
	border:0 !important;
}
tr.relevance_50 td{
	border-bottom:3px solid #ffcb97;
	border-top:3px solid #ffcb97;
	background-color:#ffead5 !important;
}
tr.relevance_50 td:last-child {
   border-right:3px solid #ffcb97;
} 
tr.relevance_50 td:first-child {
    border-left:3px solid #ffcb97;
	/*
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	*/
} 
tr.relevance_50 .title{
	background-image:url(../images/ico_relevance_50.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:30px !important;
}
tr.relevance_20 .title{
	background-image:url(../images/ico_relevance_20.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:30px !important;
}
.lastThreadRelevance_50{
	background-image:url(../images/ico_relevance_50.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #ffcb97;
	background-color:#ffead5 !important;
}
.lastThreadRelevance_20{
	background-image:url(../images/ico_relevance_20.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
}
.lastThreadRelevance_20 img, .lastThreadRelevance_50 img{
	display:none;
}
.relevanceLegend{
	clear:both;
	border:1px solid #999999;
	background:#f7f7f7;
	padding-top:5px;
	margin-top:10px;
	overflow:auto;
	width:100%;
}
.relevanceLegend ul{
	padding:0;
	margin:0 5px 5px 5px;
	list-style:none;
	width:32%;
	float:left;
	border-right:1px solid #ddd;
}

.relevanceLegend ul:last-child{
	border:0;
}
.relevanceLegend li{
	margin:0;
	padding:0 0 0 18px;
	color:#565656;
	background-repeat:no-repeat;
	background-position:0 2px;
	background-size: 15px 15px;
	line-height:18px;
	height:18px;
	font-size:11px;
}
.relevanceLegend .relevance_20{
	background-image:url(../images/ico_relevance_20.png);
}
.relevanceLegend .relevance_50{
	background-image:url(../images/ico_relevance_50.png);
}
.relevanceLegend .statusOpen{
	background-image:url(../images/ico_status_0.gif);
}
.relevanceLegend .statusClosed{
	background-image:url(../images/ico_status_4.gif);
}
.relevanceLegend .statusLocked{
	background-image:url(../images/ico_status_5.gif);
}
.relevanceLegend .statusWorking{
	background-image:url(../images/ico_status_3.gif);
}
.relevanceLegend .statusTalking{
	background-image:url(../images/ico_status_2.gif);
}
.relevanceLegend .statusPrivate{
	background-image:url(../images/ico_private.gif);
}

/*Banner cookie*/
#cookieAlert{
	background:#fff;
	color: #000;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 8010;
	box-shadow: 0 0 18px rgba(0,0,0,.2);
	display:flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}
#cookieAlert h2{
	color: #696969;
	font-size: 25px;
	margin: 0 0 15px 0;
	padding:0;
}
#cookieAlert a{
	text-decoration:underline;
}
#cookieAlert>div.text{
	width: 400px;
	padding: 15px 30px 15px 30px;
	flex-grow: 2;
	text-align: justify;
	font-size: 80%;
}
#cookieAlert>div.btn{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-grow: 1;
}
#cookieAlert a.details,
#cookieAlert a.ok{
	display:inline-block;
	padding:10px 5px;
	text-decoration:none;
	min-width: 200px;
	text-align: center;
	font-weight:bold;
	margin:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#cookieAlert a.ok{
	background-color:#4eae54;
	border:1px solid #3f7755;
	color:#fff;
}
#cookieAlert a.ok:hover{
	background:#5fdf5b;
}
#cookieAlert a.details{
	color:#424141;
	border:1px solid #424141;
}
#cookieAlert a.details:hover{
	background: #bfbcbc;
	color:#fff;
}
#cookieAlert a.close{
	position: absolute;
	right: 10px;
	top:10px;
	font-size: 0;
	text-decoration:none;
}
#cookieAlert a.close::before {
    content: "\00d7";
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
}

/*Lightbox cookie*/
#cookieFormChoice{
  max-width: 600px;
  width: 100%;
  margin: auto;
  text-align: left;
}
#cookieFormChoice form{
	text-align:center;
	margin-top:20px;
}
#cookieFormChoice a{
	text-decoration:underline;
}
#cookieFormChoice button{
  	margin: 20px auto 30px auto;
  	min-width: 300px;
	border:1px solid #424141;
	font-weight: bold;
	padding: 10px 30px 10px 30px;
	cursor:pointer;
	background: #fff;
	color:#424141;
}
#cookieFormChoice button:hover{
	background: #bfbcbc;
	color:#fff;
}
#cookieFormChoice button.accept{
  	background-color:#4eae54;
	border:1px solid #3f7755;
  	color: #fff;
}
#cookieFormChoice button.accept:hover{
	background: #5fdf5b;
}
#cookieFormChoice h2{
	font-size: 25px;
	margin: 0 0 15px 0;
	padding:0;
	text-align:left;
	color: #696969;
}
#cookieFormChoice .list{
	display: flex;
	flex-direction: column;
	border: 1px solid #ddd;
	padding: 0 20px 0 20px;
	text-align:left;
}
#cookieFormChoice .list li{
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ddd;
  padding: 15px 0 15px 0;
  align-items: center;
  justify-content: space-between;
}
#cookieFormChoice .list li:last-child {
  border: 0;
}
#cookieFormChoice .list li strong{
  display: flex;
  align-items: center;
}
#cookieFormChoice .list li.withText strong{
  cursor:pointer;
}
#cookieFormChoice .list li.withText strong::before {
  content: "+";
  font-size: 20px;
  margin-right:5px;
}
#cookieFormChoice .list li.withText.show strong::before {
  content: "-";
}
#cookieFormChoice .list li p{
  display:none;
  flex-basis:100%;
}
#cookieFormChoice .list li.withText.show p{
  display:block;
}
#cookieFormChoice .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
#cookieFormChoice .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
#cookieFormChoice .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
#cookieFormChoice .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
#cookieFormChoice input:checked + .slider {
  background-color: #4eae54;
}
#cookieFormChoice input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
#cookieFormChoice input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#cookieFormChoice .slider.round {
  border-radius: 34px;
}
#cookieFormChoice .slider.round:before {
  border-radius: 50%;
}
.col_content a{
	word-break: break-all;
}
@media screen and (min-width: 641px) {
	.col_content .user_nick {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	#head img {
		max-width:100%;
		max-height:300px;
	}
	.areaTable td:nth-child(1),
	.areaTable th:nth-child(1){
		display: none;
	}
	.forumTable td{
		padding:3px;
	}			
	.areaTable h2 {
		padding: 15px 0px 15px 0px;
	}		
	.relevanceLegend ul {
		float: none;
		border-right: none;
		width: auto;
	}	
	.relevanceLegend {
		padding-left: 11px;
	}
	.moveTopicListBar,
	#topicListForm .topicTable .move,
	#topicListForm .topicTable .private{
		display:none;
	}	
	
	
	.thread .col_details,
	.thread th:nth-child(1){
		display: none;
	}
	.thread th.message{
		display: block;
	}
	
	.thread tr,
	.thread .col_content{
		position:relative;
		display:block;
	}
	.thread th.col_modify,
	.thread th.col_canc{
		display: none;
	}
	.thread td.col_modify{
		display:inline-block;
		position: absolute;
		right:30px;
		top:5px;
		width:20px !important;
		height:20px;
		padding:0;
		border:0 !important;
	}
	.thread td.col_canc{
		display:inline-block;
		position: absolute;
		right:5px;
		top:5px;
		width:20px !important;
		height:20px;
		padding:0;
		border:0 !important;
	}
	.newTopic,
	.replyPost,
	.threadButtons{
		margin-top: 15px;
		margin-bottom: 15px;	
	}	
	#forumNavBar{
		line-height: 26px;
	}
	#forumNavBar li {
		font-size: 14px !important;
	}	
	.threadButtons{
		float: left;
		margin-left: 5px;
	}
	#loginBoxMiddle fieldset > input, #loginBoxMiddle fieldset > label {
		display: block;
	}	
	#loginBoxMiddle input{
		height: 24px;
		font-size: 17px;
	}
	#loginBoxMiddle input.button {
		width: 110px !important;
		height: 36px;
	}	
	#loginBoxMiddle input[type="checkbox"] {
		vertical-align: top !important;
	}	
	
	.categoryForm, .privateForm, .relevanceForm, .statusForm{
		text-align: center;
	}
	.categoryForm label, .privateForm label, .relevanceForm label, .statusForm label{
		height: auto;
		float: none;
	}	
	.privateForm input, .categoryForm input, .statusForm select, .relevanceForm select {
		height: 30px;
	}	
	#mainBar .bar_form input{
		
	}
	#topicCategory form{
		padding: 0px;
	}
	.categoriesBox select,
	.categoriesBox input,
	#moveTopicArea select,
	#frmAdminElement input[type="text"]{
		height: 36px !important;
		font-size: 16px;
		width: 100%;
    		max-width: 100%;
	}
	#topicCategory .button,
	#moveTopicArea .button{
		width: 80px !important;
		padding: 10px;
	}
}
@media screen and (max-width: 480px) {
	p{
		margin:0 0 5px 0;
		padding:0;
	}
	
	#topicListForm .topicTable th{
		display:none;
	}
	#topicListForm .topicTable th.title{
		display:block;
		width:100%;
	}
	#topicListForm .topicTable tbody tr{
		position:relative;
		display:flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #ccc;
	}
	#topicListForm .topicTable td{
		width:auto !important;
		text-align: left !important;
		border: 0;
		flex-basis: 50%;
		padding:5px;
		order: 3;
	}
	#topicListForm .topicTable td.title{
		flex-basis: 93%;
		/*padding: 5px 5px 0 5px;*/
		order: 1;
	}
	#topicListForm .topicTable .status{
		flex-basis: 5%;
		/*padding: 5px 5px 0 5px;*/
		order: 2;
	}
	#topicListForm .topicTable .status img{
		max-width: 16px;
	}
	#topicListForm .topicTable td.category{
		flex-basis: 100%;
		padding: 0 5px 0 5px;
		color:#5b5a5a;
		font-size: 11px;
	}
	#topicListForm .topicTable td.author:before,
	#topicListForm .topicTable td.lastMessage:before{
		display:block;
		content:attr(data-line)":";
		font-weight:bold;
		font-size: 11px;
	}
	#topicListForm .topicTable td.lastMessage img{
		display:none;
	}
	#topicListForm .topicTable td.lastMessage a{
		margin:0 !important;
	}
	
	
	.areaTable thead th{
		display: none;
	}
	.areaTable thead th.areaTitle{
		display: block;
	}
	.areaTable tbody tr{
		display: flex;
		flex-wrap: wrap;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
	}
	.areaTable tbody td{
		width: auto !important;
		text-align: left !important;
		padding:5px;
		flex-basis:50%;
	}

	.areaTable tbody td.areaTitle{
		order: 1;
	}
	.areaTable tbody td.areaTitle h2{
		padding:0;
	}
	.areaTable tbody td.nTopics{
		order:3;
	}
	.areaTable td.nTopics:before{
		display:inline-block;
		content:attr(data-line)":";
		font-weight:bold;
		padding-right:5px;
	}
	.areaTable tbody td.lastThread{
		order: 2;
	}

	.areaTable td.lastThread img{
		display:none;
	}
	.areaTable td.lastThread a,
	.areaTable td.lastThread span,
	.areaTable td.lastThread strong{
		margin:0 !important;
		border:0 !important;
		height:auto !important;
	}
	.adminTopicNotes{
		left:0;
		min-width:100%;
	}
	#editorToolbar{
		justify-content: center;
	}
}
@media screen and (max-width: 360px) {
	#topicListForm .topicTable td.title,
	#topicListForm .topicTable td.author{
		position:relative;
		display:block;
		width:100% !important;
		text-align:left !important;
	}
	#topicListForm .topicTable td.lastMessage{
		position:relative;
		display:block;
		width:100% !important;
		text-align:left !important;
		border-top:0;
	}
	
	.areaTable td.areaTitle,
	.areaTable td.nTopics{
		position:relative;
		display:block;
		width:100% !important;
		text-align:left !important;
	}
	.areaTable td.lastThread{
		position:relative;
		display:block;
		width:100% !important;
		text-align:left !important;
		border-top:0;
	}
}

@media screen and (max-width: 980px) {
	
	
	img.attachment{
		max-width:100%;
	}
}
@media screen and (max-width: 1024px) {
	
	#main, #head, #mainBar .container{
		min-width: 0;
	}
	#main,
	#head{
		padding:0 10px 0 10px;
	}
	
	.areaTable td:nth-child(2) {
		width: 50%;
	}
	.socialNetworks{
		float: none;
	}
	#searchForm{
		display:none;
	}	
	#resultsPages {
		text-align: center;
	}	
	#resultsPages p {
		text-align: center;
	}	
	.relevanceLegend {
		width: auto;
	}	
	.relevanceLegend li {
		padding: 0px 0px 0px 27px;
		background-position: 0px 0px;
		line-height: 19px;
		height: 29px;
		background-size: 24px 24px;
	}	
}