body {margin:0; padding:0; background:#fff; text-align:center; font-family:arial; font-size:15px; color:#274d59;}

#page {max-width:980px;  margin:0 auto; text-align:left; }
tr, td {padding:0; margin:0;}

a {color:#4289d7; text-decoration:none;}
a:hover {clor:#4ac1ff; text-decoration:underline;}

p {line-height:140%; margin:10px 0;}


td {border:1px solid #333; padding:5px 10px;}
th {font-weight:bold;border:1px solid #333; padding:5px 10px;}

.top {position:relative;}
.top .infor {position:absolute; z-index:99; color:#fff; width:600px;}

#bc {font-size:13px; display:inline-block; margin:0 0 0 0; clear:both;    color:#333; padding:16px 0 12px 0;  


}
#bc li {float:left; display:inline-block; width:auto; margin:0 10px 0 0; padding:0 0 0 0; } 
#bc li a {/*background:url(../img/bc_sep.png) bottom left  no-repeat; */  float:left;  display:inline-block;   margin:0 0 0 0; }
#bc li a:hover { font-weight:normal;}

h1 {color:#4289d7; font-weight:normal; margin:10px 0}
h2 {margin:15px 0 10px 0; font-weight:normal;}

.user_panel {position:absolute; right:0; top:30px;}
.user_panel a {padding:3px 6px 0 25px; font-size:14px; position: relative; display:inline-block; overflow:hidden; margin-left:10px;}
.user_panel img {float:left; margin:-4px 5px 0 0; position: absolute; left: 0;}

.step {margin-bottom:30px; margin-top:20px; overflow:hidden; padding:2% 5%; max-width:90%; border:3px solid #e9e9e9; position:relative}

li.select {float:left; clear:both; display:block; width:100%; list-style:none;  margin:6px 3px; text-align:left; 
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
border:3px solid #ccc; padding:8px 0;
} 
.step1a .nazwa {display:block; float:left; margin:0 20px 0 0; font-size:20px;}
.step1a li input {float:left; margin:5px 10px 5px 20px;}
.step1a p {margin:0; padding:0; float:left; clear:both;  display:block; color:#666;}

.li_button, .step1a .li_button {border:0; text-align:center}

.step1a label {float:left;  cursor:pointer}
.select label {float:left;  cursor:pointer; width:76%;}
.select  input {float:left; margin:5px 10px 5px 20px;}
input {border:2px solid #ccc; padding:5px 10px; font-size:1.2em; /*box-shadow:inset 0 1px 2px #dedede;*/ 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px;
border-radius: 2px; 
}

select {border:2px solid #ccc; padding:5px 10px; font-size:1.2em; /*box-shadow:inset 0 1px 2px #dedede;*/ 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px;
border-radius: 2px; 
}

textarea {border:1px solid #ccc; padding:5px 15px; font-size:1.2em; box-shadow:inset 0 1px 2px #dedede; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px;
border-radius: 2px; 
}

.step1 li label {cursor:pointer;}

.info {background:#f1ffec; color:#274d59; padding:10px 20px; border:3px dashed #c3ecb4; margin:20px 0 20px 0;}
.info_gray {background:#f8fbfc; color:#274d59; overflow:hidden; padding:10px 20px; border:3px dashed #aec0e2; margin:20px 0 20px 0; clear:both}

.info_red {background:#ffe7e8; color:#274d59; overflow:hidden; padding:10px 20px; border:3px dashed #f08c90; margin:20px 0 20px 0; clear:both}

.komunikat_info {background:#fff2f2; color:#d60000; font-weight:bold; padding:10px 20px; border:3px dashed #e69393; margin:20px 0 20px 0;}

ul {padding:0; margin:10px 0 0 0;} 
li {margin:0 0 6px 20px;}

form li {list-style:none; padding:0; margin:0 0 10px 0;}
form li label {width:160px; display:block; float:left; margin-top:4px;}

.button { border:0; padding:10px 30px; overflow:hidden; display:inline-block; -webkit-border-radius: 7px; cursor:pointer; font-size:28px;
-moz-border-radius: 7px;
border-radius: 7px; font-size:24px; color:#fff;}


.button_small { border:0; padding:8px 12px; overflow:hidden; display:inline-block;
cursor:pointer; font-size:15px;
 color:#fff;}

.button_left {float:left;}

.button_s {color:#666; cursor:pointer; background:#fff; border:1px solid #fff; font-size:14px; margin-top:30px;}
.button_s:hover {color:#333; background:#fff; border:1px solid #e6e6e6;}

.button_red {
background: #fe4e49; border:2px solid #e9e9e9;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlNGU0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjODI1MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #fe4e49 0%, #c82506 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe4e49), color-stop(100%,#c82506));

background: -webkit-linear-gradient(top,  #fe4e49 0%,#c82506 100%);

background: -o-linear-gradient(top,  #fe4e49 0%,#c82506 100%);

background: -ms-linear-gradient(top,  #fe4e49 0%,#c82506 100%);

background: linear-gradient(to bottom,  #fe4e49 0%,#c82506 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe4e49', endColorstr='#c82506',GradientType=0 );



}

.button_gray {
color:#4289d7;
border:2px solid #e9e9e9;
font-size:15px;

background: #ffffff;

background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);

background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);

background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );





}



.button_anuluj {color:#cc0000;}
.button_anuluj:hover {border:1px solid #cc0000; color:#cc0000;}
 
.kol2 {width:48%; float:left;}
.kol1 {float:left; clear:both; width:100%;}

.komunikat {color:#CC0000; font-size:15px; font-weight:bold;} 
.zgoda {width:100%; clear:both; float:left; margin:0 0 10px 0;}
.zgoda  input {float:left;}
.zgoda label {width:90%; float:left; line-height:1.3; font-size:12px; margin-left: 5px;}

.pesel {border:3px solid #ccc; font-size:22px;}
.green {color:#70BF41;}
.red {color:#ff0000;}

.nazwa {font-size:24px; display:block; text-align:left;}

.tabela  {border:1px solid #ccc;}
.tabela th {border:1px solid #ccc; text-align:center;}
.tabela td {border:1px solid #ccc;}
.tabela .gimnastyka {background:#f9e8c2;}
.tabela .basen {background:#aaeffc; border-left:4px solid #274d59;}
.tabela .basen.none {background:none;}
.tabela .lmiejsc {background:#E0E0E0;}
.tabela tr:hover {background:#e7fee7;}

error {display:inline-block; text-indent:-9876px; width:25px; height:25px; background:url(../img/error_img.png) 0 0 no-repeat; margin-left:5px; border:0;}
span.error {display:inline-block; text-indent:-9876px; width:25px; height:25px; background:url(../img/error_img.png) 0 0 no-repeat; margin-left:5px; border:0;}
.error {border-color: #cc0000;}
.pesel.error {border:3px solid #cc0000;}
label.error {display:block !important; color: #cc0000; font-size:11px; width:90%; margin-bottom:15px}
#pesel-error {position:absolute;  background:#ffe8e9; color:#cc0000; font-weight:bold; padding:12px 15px 11px 15px; width:250px;}



@media only screen and (max-width: 480px) {
	
.user_panel a {float:left; clear:both; margin-right:10px;}
.select  input {float:left; margin:5px 0 5px 20px;}
.kol2 {width:auto}
	
	
}


table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }


.regulamin1_okno {position:fixed; margin-left: auto; top:20%;
margin-right: auto;left: 0;right: 0; width:780px; height:500px;  border:3px solid #e9e9e9; background:#f2f2f2;font-size:11px; 
-webkit-box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
}

.regulamin2_okno {position:fixed; margin-left: auto; top:20%;
margin-right: auto;left: 0;right: 0; width:780px; height:500px;  border:3px solid #e9e9e9; background:#f2f2f2;font-size:11px; }
.okno_cn {overflow-x:auto; margin-top:5px; width:740px; height:424px; background:#fff;padding:20px;
-webkit-box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
}
/* Mobile */
@media only screen and (max-width: 767px) {
	
    .anuluj-rezerwacje {position: absolute; top:-15px; background: none; border: 0; font-size:8px;}
    .anuluj-rezerwacje .button_s {font-size: 9px; margin-top:5px; padding: 2px;}
    .step h2 strong {display: block}
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 15%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; height: 30px; }
	.pinned td:last-child { }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 15%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; height: 30px;}
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	.regulamin1_okno {width:290px; }

.regulamin2_okno {width:290px; }

.okno_cn {width:290px;}
	
	
}

.administrator_panel {color:#fff; background:#ed1c24; padding:10px;}
.administrator_panel  p {padding:0; margin:0 0 0 0;}
.administrator_panel  a {display:inline-block; padding:2px 10px 0 10px; background:#fff; color:#ed1c24; margin-left:20px; 
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:11px; text-transform:uppercase; font-weight:bold;

}

.comment {border-top:1px dotted #aec0e2; padding:10px 0 10px 0; margin:10px 10px 0 0; clear:both;}
.comment h3 {}

.klauzula {clear:both; max-height: 300px; overflow-y: scroll; font-size: 11px; padding: 10px; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.26);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.26);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.26); border-radius: 6px;   -webkit-overflow-scrolling: touch;}
.klauzula ol {padding-left: 0;}



.btn-gnerate {
	background: #333;
	font-size: 14px;
	color: #fff;
	padding: 8px 15px;
	border-radius: 20px;
	border: none;
	white-space: nowrap;
	font-weight: 700;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
}

.btn-gnerate:hover{
	background: #085aa0;
}

.generate__score {
	transition: all 0.3s ease-out;
	max-height: 0px;
	overflow: hidden;
	display: flex;
	font-size: 14px;
	align-items: center;

	line-height: 1.2;
	gap: 10px;
}

@media (min-width: 1200px) {
	.generate__score {
		gap: 20px;
	}
}

@media (max-width: 410px) {
	.generate__score {
		font-size: 12px;
	}
}

.generate__score .generate__password{
	display: block;
}

.generate__score.open{
	max-height: 100px;
}

#input-accept {
	border: none;
	background: none;
	color: #1a7cc1;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 700;
	cursor:pointer;
}

.generate__wrapper {
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	display:flex;
	color: #aaa;
}

@media (min-width: 992px) {
	.generate__wrapper {
		margin-top: 25px;
	}
}

@media (min-width: 992px) {
	.generate__wrapper {
		width:100%;
		align-items: flex-start;
	}
}

@media (max-width: 390px) {
	.generate__wrapper {
		flex-direction: column;
	}
	.generate__score .generate__password {
		display: inline-block;
		margin-left: 10px;
	}
}