body{
	background:#eee;
	color:#333;
	font-size:15px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.5em;
	padding:0px;
	margin:0px;
}

img{
	max-width:95%;
}

a{
	text-decoration:none;
}

.comment_body a,
.comment_comment a{
	color:#ddf;
	text-decoration:underline;
	word-break:break-word;
}

.comment_body a:hover,
.comment_comment a:hover{
	color:#ccc;
}


h1, h2{
	margin:0;
	text-align:center;
}

h1{
	padding:10px;
	font-size:25px;
	font-weight:600;
}

h2{
	padding:10px;
	font-size:20px;
	font-weight:500;
}

.center{
	text-align:center;
	padding:10px;
}

#main{
	margin:0px auto;
	max-width:1400px;
	padding:10px;
	padding-top:60px;
	box-sizing:border-box;
}

.list_tables{
	margin:0px;
	padding:40px 0px;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	counter-reset: number;
}

.list_tables>li{
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
	padding:10px;
	padding-bottom:45px;
	box-sizing:border-box;
	width:50%;
	counter-increment: number;
}
.list_tables li .table{
	background:#333;
	color:white;
	display:inline-block;
	padding:0px;
	border-radius:8px;
	border:#666 1px solid;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	text-align:center;
	width:230px;
	z-index:5;
}

.table_header{
	text-align: center;
    border-top: #333 2px dotted;
    padding: 10px;
}

.list_tables li.selected .table{
	box-shadow:0px 0px 6px 5px rgba(0,150,0, 0.9);
	background:#444;
}

.list_tables li.deleted .table{
	background:#c00;
}

.list_tables li.deleted .table .game_thumbnail:before{
	content:"GRA SKASOWANA";
	font-weight:bold;
	display:block;
}

.list_tables li .table>div{
	padding:5px 10px;
}

.list_tables li .table img{
	border-radius:4px;
}

.list_tables li .table .game_name{
	font-weight:bold;
	font-size:19px;
	line-height:1.3em;
}

.game_name a{
	color:white;
}

.list_tables li .table>div:before{
	font-size:12px;
	line-height:inherit;
}

.list_tables>li .table .game_thumbnail{
	position:relative;
}
.list_tables>li .table .game_thumbnail::after {
	content: counter(number)" ";
	position:absolute;
	top:-5px;
	right:-5px;
	border-radius:20px;
	box-sizing:border-box;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	padding:0px;
	background:white;
	color:#333;
	font-weight:600;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

.list_tables li .table .game_weight:before{
	content:'waga: ';
}

.list_tables li .table .game_weight.weight0,
.list_tables li .table .game_weight.weight1{
	background:#0EC600;
}
.list_tables li .table .game_weight.weight2{
	background:#A7BA00;
}
.list_tables li .table .game_weight.weight3{
	background:#BA6B00;
}
.list_tables li .table .game_weight.weight4,
.list_tables li .table .game_weight.weight5{
	background:#BA0000;
}


.list_tables li .table .game_players:before{
	content:'graczy: ';
}

.list_tables li .table .game_start:before{
	content:'Rozpoczęcie: ';
}

.list_tables li .table .game_who:before{
	content:'Przynosi: ';
}

.list_tables li .table .game_language:before{
	content:'Wersja: ';
}

.list_tables li .table .game_rules{
	color:#75FF6E;
	padding-top:0;
}
.list_tables li .table .game_rules.no_rules{
	color:red;
	padding-top:0;
}

.list_tables li .table .game_comment .comment_body:before{
	content:'Komentarz: ';
	display:block;
}

.list_tables li .table .game_comment{
	font-size:12px;
	background:black;
	border-radius:0px 0px 8px 8px;
	padding-top:0;
}

.add_comment{
	padding-top:5px;
	margin-bottom:-16px;
}

.add_comment a{
	color:white;
	font-size:13px;
	text-align:center;
	display:inline-block;
	line-height:25px;
	height:25px;
	box-sizing:border-box;
	padding-right:10px;
	padding-left:40px;
	background:#333;
	border-radius:20px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	position:relative;
}

.add_comment a:before{
	content:'+';
	color:white;
	font-size:20px;
	text-align:center;
	display:inline-block;
	width:35px;
	line-height:35px;
	height:35px;
	box-sizing:border-box;
	background:#555;
	border-radius:20px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	position:absolute;
	left:-2px;
	top:-5px;
	
}

.add_comment a:hover{
	background:#555;
}

.add_comment a:hover:before{
	background:#777;
}

ul.conversation{
	margin:0px -10px;
	padding:0px;
	list-style:none;
}
ul.conversation li{
	background:#222;
	padding:2px 10px;
	border-top:#444 1px solid;
}

ul.conversation li span.comment_name{
	padding-right:5px;
	font-size:10px;
}
ul.conversation li span.comment_name:after{
	content:': ';
}
ul.conversation li:nth-child(even){
	background:#000;
}

.players{
	margin:0px;
	padding:10px;
	list-style:none;
	padding-left:15px;
	background:#ddd;
	border-radius:0px 10px 10px 0px;
	padding-right:60px;
	z-index:3;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	width:250px;
}
.players li{
	background:#ccc;
	margin:3px 0;
	padding:5px 10px;
	padding-right:20px; 
	border-radius:4px;
	position:relative;
}
.players li.reserve{
	background:#dbb;
}
.players li.reserve .numer:before{
	content: 'Lista rezerwowa: ';
}
.players li span{
	display:inline-block;
}

.players li{
	display:flex;
	flex-wrap:wrap;
}

.players .numer{
	padding-right:5px;
	font-size:0.8em;
}

.players .imie{
	font-weight:bold;
}

.players .zasady{
	color:#069000;
	font-size:0.8em;
	padding-left:5px;
}

.players .zasady.zasady_troche{
	color:#8F6A00;
}

.players .komentarz{
	font-size:12px;
	display:block;
	width:100%;
}

.players a{
	padding:2px 7px;
	margin:-2px 0;
	color:white;
	background:black;
	display:inline-block;
	border-radius:4px;
}

.players .add_reserve a{
	background:#500;
}

.players .delete_player{
	position:absolute;
	top:4px;
	left:100%;
	margin-left:-5px;
}

.players .delete_player a{
	padding:4px;
	line-height:1em;
	white-space:nowrap;
}

.players a:hover{
	background:#444;
}
.game_form{
	width:100%;
}

form{
	margin-top:50px;
	width:60%;
	margin:0px auto;
	display:flex;
	flex-wrap:wrap;
}
form #dates{
	margin:0px auto;
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.list_tables li.adder{
	width:100%;
}
li.adder form{
	/*width:90%;*/
}
.form_row{
	padding:10px;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}
.form_row.row_half{
	width:50%;
}
.form_row.row_third{
	width:33%;
}
.form_submit{
	padding:10px;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}
button, .button{
	color:white;
	background:black;
	border:none;
	font-size:20px;
	text-transform:uppercase;
	min-width:200px;
	padding:6px 22px;
	text-align:center;
	border-radius:6px;
	cursor:pointer;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
button.add_game{
	font-size:22px;
	padding:10px 30px;
	background:#0a0;
}
button.game_search{
	position:relative;
	font-size:22px;
	padding:10px 30px;
	padding-left:50px;
}
.button{
	position:relative;
	font-size:15px;
	padding:5px 15px;
	text-transform:none;
}
.game_form_hidden button.game_search,
.game_form_hidden .button{
	display:none;
}
.game_search:before{
	content:' ';
	width:30px;
	height:30px;
	display:block;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-15px;
	background:url(../img/plus.png) 50% 50% no-repeat;
	background-size:contain;
}
.active.game_search:before{
	content:' ';
	width:30px;
	height:30px;
	display:block;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-15px;
	background:url(../img/loading.gif) 50% 50% no-repeat;
	background-size:contain;
}

button:hover{
	background:#444;
}
button.add_game:hover{
	background:#090;	
}
textarea, input, select{
	font-size:15px;
	padding:8px 15px;
	border-radius:4px;
	background:white;
	border:#333 1px solid;
	width:100%;
	text-align:left;
	box-sizing:border-box;
}
input.query{
	font-size:17px;
	padding:12px 20px;
}
label{
	text-align:center;
	font-size:14px;
	padding:5px;
	display:inline-block;
	font-weight:bold;
}
.add_game_button{
	text-align:center;
}

.delete_game{
	position:absolute;
	top:-8px;
	left:-6px;
	z-index:10;
}

.list_tables li.deleted .delete_game{
	
}

.footer_menu{
	text-align:center;
	padding:5px;
	margin-top:100px;
}

.delete a,
.footer_menu a{
	background:red;
	color:black;
	padding:5px;
	border-radius:5px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	font-size:11px;
	text-transform:uppercase;
	margin-right:5px;
}
.footer_menu a{
	padding:5px 15px;
	font-size:14px;
}
.delete a.edit_link{
	background:#999
}
.delete a.undelete_link{
	background:#999
}

.delete a:hover,
.footer_menu a:hover{
	background:#900;
	color:white;
}
.delete a.edit_link:hover{
	background:#666;
	color:white;
}
.delete a.undelete_link:hover{
	background:#666;
	color:white;
}
.add_list{
	margin:0px auto;
	padding:10px;
	list-style:none;
	max-width:900px;
}
.add_list li{
	padding:5px;
}

.add_list a{
	background:#ddd;
	color:black;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	border-radius:6px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	padding:10px;
}
.add_list a:hover{
	background:#ccc;
}
.add_list a img{
	border-radius:4px;
}
.add_list a span{
	padding-left:10px;
}
.add_list a span.name{
	font-weight:bold;
	font-size:17px;
}
.back{
	text-align:center;
}
.back a{
	color:#090;
	font-weight:bold;
}

.warning{
	padding:10px;
	font-size:20px;
	color:red;
	text-align:center;	
}

#timer_outer{
	padding:5px;
	margin-top:100px;	
}

#timer{
	position:relative;
}
#timer_inner{
	padding-top:25px;
	padding-bottom:5px;
	display: flex;
    flex-direction: column;
	overflow:hidden;
}

#timer_header{
	display:flex;
	align-content:stretch;
	left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	position:absolute;
}

#timer_header>div{
	background:#ddd;
	width:100%;
	box-sizing:border-box;
	padding:5px;
}
#timer_header>div:first-child{
	border-radius:6px 0px 0px 6px;
}
#timer_header>div:last-child{
	border-radius:0px 6px 6px 0px;
}
#timer_header>div:nth-child(even){
	background:#d6d6d6;
}
.game_time{
	background:white;
	margin-top:5px;
	padding:3px 0px;
	box-sizing:border-box;
	border-radius:5px;
	overflow:visible;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	overflow:visible;
	cursor:pointer;
}
.game_time.deleted{
	opacity:0.3;
	background:#f44;
	color:black;
}
.game_time>span{
	display:block;
	
	padding:2px 5px;
	box-sizing:border-box;
	border-radius:5px;
	line-height:1.1;
}
.game_time .nazwa{
	font-size:14px;
}
.game_time .czas{
	font-size:12px;
}
.game_time .liczbagraczy{
	font-size:12px;
}
.game_time .liczbagraczy.max{
	color:red;
}
.info{
	text-align:center;
}

.table_divider{
	text-align: center;
    border-top: #999 1px solid;
	background:rgba(255,255,255,0.5);
    padding: 5px;
	margin-top:10px;
}

.gameitem.deleted,
.game_time.deleted{
	order:99;
}

.g1{
	order:1;
}

.g2{
	order:2;
}

.g3{
	order:3;
}

.g4{
	order:4;
}

.g5{
	order:5;
}

.g6{
	order:6;
}

.g7{
	order:7;
}

.g8{
	order:8;
}

.g9{
	order:9;
}

.g10{
	order:10;
}

.g11{
	order:11;
}

.g12{
	order:12;
}

.g13{
	order:13;
}

.g14{
	order:14;
}

.g15{
	order:15;
}

.g16{
	order:16;
}

.g17{
	order:17;
}

.g18{
	order:18;
}

.g19{
	order:19;
}

.g20{
	order:20;
}

.g21{
	order:21;
}

.g22{
	order:22;
}

.g23{
	order:23;
}

.g24{
	order:24;
}
.event_dates{
	display:flex;
	gap:10px;
	flex-direction:row;
	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
	padding-bottom:10px;
}
.event_dates a{
	padding:7px 20px;
	color:black;
	background:#ddd;
	border:#999 1px solid;
	border-radius:3px;
	font-size:1.1em;
}
.event_dates a:hover{
	background:#999;
}
.event_dates a.selected{
	color:white;
	background:#333;
	border-color:#000;
}

.komunikat{
	border:#444 1px solid;
	border-radius:10px;
	padding:10px;
	text-align:center;
	background:#ccc;
	color:black;
}

@media (max-width: 1200px) {
	.list_tables>li{
		width:100%;
		justify-content:center;
	}
	.delete_game{
		left:auto;
		right:60%;
	}
	form{
		width:80%;
	}
}
@media (min-width: 2000px) {
	.list_tables>li{
		width:33%;
	}
	
	.list_tables li.adder{
		width:100%;
	}
	#main{
		max-width:2000px;
	}
}
@media (max-width: 800px) {
	.form_row.row_half,
	.form_row.row_third{
		width:100%;
	}
}

@media (max-width: 600px) {
	.list_tables li{
		flex-wrap:wrap;
		flex-direction:column;
	}
	.list_tables li .table{
		width:100%;
	}
	.list_tables>li{
		width:100%;
	}
	.players{
		width:70%;
		border-radius:0px 0px 8px 8px;
		padding-top:30px;
	}
	.players li{
		flex-direction:row;
	}
	#timer .minutes{
		display:none;
	}
	#timer_outer{
		padding:0;
	}
	form{
		width:90%;
	}
	.add_list a{
		
	}
	.add_list img{
		max-width:20%;
	}
	.game_time,
	.game_time.deleted{
		padding:0;
		background:none;
		box-shadow:none;
		border:none;
		position:relative;
		overflow:visible;
	}
	.game_time .nazwa{
		white-space:nowrap;
		padding-top:7px;
		padding-bottom:0;
		padding-left:3px;
	}
	.game_time .czas{
		padding:3px 5px;
		background:white;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		border-radius:5px;
		width:100%;
	}
	.game_time.deleted .czas{
		background: #f44;
	}
	.game_time .liczbagraczy{
		overflow:visible;
		white-space:nowrap;
	}
}