*{
	box-sizing:border-box;
}
:root {
	--selection-color: skyblue;
	--highlight-color:#eeffdb;
	--saturday-color:linen;
	--sunday-color: rgb(250, 231, 212);
	--highlight-today: rgb(255, 239, 148);
	--hover-row-background:#AAFF55;
	--orange-color:#e36125;
	--price-desc-color:black;

	--calendar-days-sunday: rgb(250, 231, 212);
	--calendar-days-saturday: linen;
	--calendar-days-weekdays: #ffffff;
}
.closethis{
	position: fixed;
	z-index: 7;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid white;
	background-color: red;
	color: white;
	cursor:pointer;
}
html{
	font-size:16px;
}
html, 
body {
	height:auto;
	position:relative;
	font-family: roboto, sans-serif;
	line-height: 120%;
}
body{
	margin:0;
	padding: 0px;
	text-align: center;
	background:#ffff;
	overflow-y:auto;
	
}
div, p, td{
	font-size: 14px;
	font-family: lato, sans-serif;
	text-align: left;
}
form {
	display: inline;
}
a, input {
	outline: 0px;
}
a[target="_blank"]{
	position:relative;
}
a[target="_blank"]:before{
	/*font-family: 'FontAwesome';
	content:'\f08e\00a0';*/
}
input:focus,
select:focus,
textarea:focus{
	outline: none;
}
td, input, select, option, textarea, button {
	font-size: 14px;
	font-family: lato, sans-serif;
}
input[type="text"], input[type="button"], textarea, select, button {
    border: 1px solid #999;
	border-radius: 3px;
	padding:6px;
}
input[type="button"].addonset{
	width:30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="text"].addonset{
	text-align: center;
}
.nowrap,
.addonwrap,
.addonvalue{
	white-space: nowrap;
}
.addonwrap input[type="button"],
.addonwrap input[type="text"]{
	border:1px solid var(--orange-color);
	border-radius:0;
	width:35px;
	height:35px;
	text-align: center;
}
input[type="button"].add{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: var(--orange-color);
	color:white;
	cursor: pointer;
}
input[type="button"].sub{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: var(--orange-color);
	color:white;
	cursor: pointer;
	position:relative;
}
input[type="button"].add:hover,
input[type="button"].sub:hover{
	background-color:var(--orange-color);
}


.addonwrap input[type="text"]{
	border-right-width: 0;
	border-left-width: 0;
}
.addonc{
	display:none;
}
.addonmhead td{
	border:1px solid var(--orange-color);
	border-bottom:0;
	padding:5px 0;
	color:white;
	background-color: var(--orange-color);
}
.addonp td:first-child {
	border-left:1px solid var(--orange-color);
}
.addonp td:last-child {
	border-right:1px solid var(--orange-color);
}
#addtable .addonp:nth-last-child(1 of .addonp) td {
	border-bottom:1px solid var(--orange-color);
}


a:link, a:active, a:visited {
	color: #555555;
	text-decoration: none;
}
input.vman{
	padding:3px;
	width:22px;
}
html, 
body {
	background-color:#fff;
}
footer {
	background-color:#f7f7f7;
}
select, 
div.text div.wrap, 
div.timeline,
.flabel.active {
	background-color:#fff;
}
input:focus,
textarea:focus{
	outline: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
img {
	border: 0;
}
h2 {
	font-size: 16px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid black;
	margin: 0 0 10px 0;
}
h3 {
	border-bottom: 1px solid #cccccc;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 14px;
}
h3 span{font-weight:normal}
h4 {
	padding: 20px 0 0 0;
	margin: 0;
	font-size: 14px;
}
hr{
	border:0;
	border-top:1px solid #ccc;
}
textarea {
	width: 100%;
	font: 11px tahoma, arial, verdana, sans-serif;
	resize:vertical;
}
input[type="checkbox"],
input[type="radio"]{
	vertical-align:initial;
}
input[type="text"] {
	padding:6px;
}

label {
	cursor: pointer;
}
th {
	text-align:left;
}
fieldset {
	padding: 5px;
	border:1px solid #cccccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
}
legend {
	padding:0 5px 0 5px;
	font-weight:bold;
}
abbr{
	cursor:default;
	position:relative;
}
#amenu {
	float: left;
	width: 1000px;
	position:relative;
}
#amenu h3 {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
#left{
	float: left;
	width: 310px;
}
#mid{
	float: left;
	width: 310px;
}
#right {
	float: right;
	width: 310px;
}
#tmce {
	text-align: left;
	padding: 0 120px 0 120px;
}

#logout {
	position: absolute;
	background: transparent;
	top: 20px;
	right: 0;
}
#logout input {
	font-size:11px;
	float: right;
}
#scontainer {
	text-align: left;
	margin: 25px auto;
	width: 500px;
}
#scontainer input {
	text-align: center;
}
#container {
	text-align: left;
	margin: 0 auto;
}
#container, 
#status_container{
	margin:0 auto;
}
#container.login {
	background:url(./../img/header_logo.svg) 220px -20px no-repeat;
	text-align: left;
	margin: 0 auto;
	width: 1000px;
}
#menu{
	padding:70px 0 0 0;
	position:relative;
}
@media(max-width:760px){
	.addonm:nth-child(even) td, .addonc:nth-child(even) td{
		background-color:#fff
		/*border-bottom:1px solid #e0e0e0;*/
	}
}

.addon_description{
	display:inline-block;
	padding:3px;
	border-radius: 50%;
	width:16px;
	height:16px;
	text-align: center;
	line-height:100%;
}
[data-tooltip] {
	position: relative;
	text-decoration: none;
}
[data-tooltip]:hover:before, [data-tooltip]:focus:before {
	opacity: 1;
	transform: translate(-50%, -10px);
}
[data-tooltip]:hover:after, [data-tooltip]:focus:after {
	opacity: 1;
	transform: translate(-50%, -10px) rotate(45deg);
}
[data-tooltip]:before {
	position: absolute;
	z-index: 2;
	content: attr(data-tooltip);
	bottom: 100%;
	max-width:200px;
	width:200px;
	left: 50%;
	padding: 0.5em 1em;
	color: white;
	font-size: 1em;
	line-height: 1.7em;
	background-color: rgb(0, 0, 0);
	transition: transform 0.2s ease-out;
	opacity: 0;
	transform: translate(-50%, 0);
	pointer-events: none;
	border-radius: 4px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
[data-tooltip]:after {
	position: absolute;
	z-index: 3;
	display: block;
	bottom: 100%;
	left: 50%;
	content: "";
	width: 10px;
	height: 10px;
	background-color: rgb(0, 0, 0);
	margin-bottom: -4px;
	transform: translate(-50%, 0) rotate(45deg);
	transition: transform 0.2s ease-out;
	opacity: 0;
	pointer-events: none;
}
[data-tooltip].break:before {
	white-space: normal;
	width: 360px;
}

ol li{
	text-align: left;
}

.red{
	color:red;
}
.ac{
	text-align: center;
}
.al{
	text-align: left;
}
.ar{
	text-align: right;
}

.addon_description{

}

/* payform */

.payform{
	display:none;
	width:100%;
	background-color: #fff;
}


/* -- forms -- */

button.mailman {
	line-height:25px;
	padding:10px 30px;
}
.form-field-wrap {
	position: relative;
	padding: 7px 0;
}
.flabel {
	display: block;
	text-align: left;
	top: 14px;
	position: absolute;
	left: 5px;
	padding: 0 9px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	line-height: 100%;
}
.flabel.active{
	color:#666;
	font-size:12px;
	top:-1px;
	line-height: 100%;
}
.formstatus,
.addonstatus {
	text-align: center;
}
.formstatus.haserror,
.addonstatus.haserror{
	margin:10px;
	padding:15px;
	border:2px solid red;
	border-radius:5px;
	background-color:white;
}
.addonset {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: var(--orange-color);
	color: white;
	cursor: pointer;
}
.clientdata a.textlink,
.payform a{
	text-decoration: underline;
}

.clientdata input[type="text"]{
	width: 100%;
}
.clientdata select.prefix{
	width: 85px;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	height:31px;
	vertical-align: top;
}
.clientdata select.prefix option.selected {
	background-color:var(--orange-color);
	color:white;
}
.clientdata input[type="text"].phone{
	width:calc(100% - 85px);
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height:31px;
	vertical-align: top;
}

.myselection h3{
	line-height:200%;
}
.myselection h3 span{
	line-height:initial;
}

.selection-proposal {
	margin:10px;
	padding:15px;
	border:2px solid green;
	border-radius:5px;
	background-color:white;
	display:inline-block;
	text-align: center;
}
.selection-proposal-use{
	
}

/* -- top -- */


.searchform{
	padding:20px;
	text-align: center;
	border-bottom: 2px solid #ccc;
	background-color: #efefef;
}

.searchform div{
	display:inline-block;
	vertical-align: top;
}

div.logo{
	display:inline-block;
	width:20%;
	text-align: center;
}
div.logo img{
	width:80px;
}
.searchformparams{
	margin-top:10px;
	display:inline-block;
	width:40%;
	text-align: center;
}
.searchformparams input, 
.searchformparams select {
	width:80%;
	text-align: center;
	margin-top:10px;
	font-size:1rem;
}
.searchformparams select {
	text-align: left;
}





/* parcel select */


.parceldata{
	padding:20px;
}

.clientdata{
	padding:20px;
}

.formbuttons{
	text-align: center;
}
.formbuttons button{
	display:inline-block;
	margin:0 20px;
	background-color:var(--orange-color);
	color:white;
	border:0;
	border-radius:5px;
	font-size: 14px;
	padding: 12px 18px;
	cursor:pointer;
}
.formbuttons button:hover{
	background-color:#de383d;
}
.formbuttons button.btnDisabled{
	background-color: #999;
}
.formbuttons button.btnDisabled:hover{
	background-color: #999;
	cursor:default;
}

button.setparcel{
	border: 1px solid #999;
	border-radius: 3px;
	padding: 6px 8px;
	background-color:var(--orange-color);
	color:white;
	border:0;
	border-radius:5px;
	font-size: 14px;
	margin:3px 0;
	cursor:pointer;
	position:relative;
	text-shadow:
	-1px -1px 0 rgba(0,0,0,.3),  
	 1px -1px 0 rgba(0,0,0,.3),
	 -1px 1px 0 rgba(0,0,0,.3),
	  1px 1px 0 rgba(0,0,0,.3);
}
button.setparcel:hover::after{
	content: '';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	background-color:rgba(0,0,0,.3);
	border-radius:inherit;
}
button.setparcel:hover span{
	position: relative;
	z-index: 4;
}

.mapbutton{
	display:inline-block;
	border: 1px solid #999;
	border-radius: 3px;
	padding: 6px 8px;
	background-color:white;
	border-radius:5px;
	font-size: 12px;
	margin:3px 0;
	cursor:pointer;
}

.parces_wrapper{
	display: flex;
	flex-wrap: wrap;
	border-bottom:2px solid #efefef;
	align-content:center;
}
.parcel_images{
	flex: 0 0 25%;
	text-align: center;
	align-items: center;
	display: grid;
}
.parcel_images img{
	width:100%;
	max-width:250px;
	height:auto;
}
.parcel_details{
	flex: 0 0 75%;
	display:grid;
	display: grid;
	align-content: center;
}
.parcel_details div{
	padding:10px;
}
.parcel_name{
	font-size:20px;
}
.parcel_description{
	padding:10px 0;
}
.parcel_price{
	font-size:22px;
	color:var(--orange-color);
}
.parcel_price_desc{
	font-size:12px;
	display:block;
	color:var(--price-desc-color);
}
.parcel_select{
	padding:10px 0;
}
.parcel_nums{
	display:block;
}
.textlink{
	white-space: nowrap;
}

.presum{
    display:flex;
    gap:20px;
}
.presum.left{
    display: table-cell;
    width:50%;
    align-content: top;
}
.presum.right{
    display: table-cell;
    width:50%;
    align-content: top;
    position:relative;
}
.presum.right.rezsummary{
	padding:0 10px 10px 10px;
    background-color:#efefef;
	position:relative;
}

.localtaxinfo{
	display:inline-block;
	padding:5px;
	background-color: #f7f7f7;
}

.ccode {
	border: 2px solid var(--selection-color) !important;
}
.oldprice{
	display:inline-block;
	position:relative;
	color:#ccc;
	text-decoration: none;
}
.oldprice::before{
	content: '';
	display: block;
	width: 88%;
	height: 2px;
	background-color:red;
	top: 9px;
	position: absolute;
	transform: rotate(0deg);
	margin-left: 6%;
}

.parcela.selected rect, 
.parcela.selected polygon, 
.parcela.selected path {
    fill:white;
}



.waitloading{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background-color: rgba(255,255,255,.5);
    z-index: 8888;
    padding-top:30px;
    text-align: center;
}
.searchresult{
    position:relative;
}

@media (max-width: 640px) {
    .presum{
        display:block;
    }
    .presum.left,
    .presum.right{
        display:block;
        width:100%;
        
    }
}

/* parcela galeria */
.parcela_galeria {
	width:100%;
	overflow:hidden;
}
.parcela_galeria a.parcela_zdjecie {
	display:inline-block;
	width:25%;
	padding:3px;
	overflow:hidden;
}
.parcela_galeria a.parcela_zdjecie img {
	max-width:250px;
	height:auto;
}

/* switch to full width */
@media (max-width: 640px) {
	.searchformparams{
		width:100%;
	}
	.clientdata input[type="text"]{
		width:100%;
	}
	.parces_wrapper{
		display:block;
		flex:none;
	}
	.parcel_images{
		flex: none;
		display:block;
		flex-wrap:  none;
		text-align: center;
	}
	.parcel_images img{
		width:100%;
		max-width:250px;
		height:auto;
	}
	.parcel_details{
		flex: none;
	}
}


/* -- special offer -- */

.special_offer{
	position:relative;
	padding-top: 35%;
}
.special_offer_image {
	position: absolute;
	width: 100%;
	top:0;
}
.special_offer_image img {
	width:100%;
	height:auto;
	top: 0;
	z-index: 2;
}
.special_offer_image_gradient{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 70%, rgba(255,255,255,1) 100%);
}
.special_offer_text div{
	padding-left:20px;
	padding-right:20px;
}
.special_offer_text.hasimage {
	width:80%;
	margin:0 auto;
	background-color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	z-index: 3;
}
.special_offer_header{
	padding:20px 10px 0 10px;
	font-size: 1.2rem;
	text-align: center;
}
.special_offer_name{
	padding:20px 0;
	font-size: 1.5rem;
	text-align: center;
}
.special_offer_desc{
	padding:0 0 20px 0;
}
.special_offer_detail{

}


/* -- toplayers -- */

.overlay{
	position:fixed;
	display:none;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:auto;
	z-index:10;
	text-align: center;
	background-color: rgba(0,0,0,.3);
	
}
.overlay .wrapper{
	max-width:920px;
	margin:0 auto;
	text-align: left;
	background-color:white;
	position: relative;
	top: 30px;
	padding:25px;
}
.overlay .close{
	position:absolute;
	top: 20px;
	right: 25px;
	width:30px;
	height:30px;
	text-align: center;
	color: white;
	background-color: red;
	line-height: 30px;
	cursor:pointer;
}
.overlay .text{
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
}
.overlay .text {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	padding: 15px 0;
}


/* -- footer -- */

.footermenu{
	text-align: center;
	max-width:980px;
	margin:0 auto;
	padding:15px 0;
	border-top:1px solid #efefef;
}
.footermenulink {
	
}

.reservation_summary{
	padding:20px;
}

.calserachbox{
	padding:5px 0;
}


.roadmap {
	display:flex;
	width: 100%;
	margin-top: 15px;
}
.roadmap_mile {
	width: 20%;
}
.roadmap_mile .mile{
	padding-top: 35px;
	text-align: center;
	width: 100%;
	position:relative;
}
.roadmap_mile .mile.active::before{
	border: 1px solid var(--orange-color);
	background-color: var(--orange-color);
	color:white;
}
.roadmap_mile .mile.active::after{
	border-top: 1px solid var(--orange-color);
}
.roadmap_mile .mile::before{
	position: absolute;
	top: 0;
	left: calc(50% - 15px);
	width: 30px;
	line-height: 30px;
	background-color: white;
	border-radius: 50%;
	border: 1px solid #ccc;
	z-index:2;
}
.roadmap_mile .mile.mile1::before{
	content: '1';
}
.roadmap_mile .mile.mile2::before{
	content: '2';
}
.roadmap_mile .mile.mile3::before{
	content: '3';
}
.roadmap_mile .mile.mile4::before{
	content: '4';
}
.roadmap_mile .mile.mile5::before{
	content: '5';
}
.roadmap_mile .mile::after{
	content: '';
	position: absolute;
	top: 15px;
	height: 1px;
	border-top: 1px solid #ccc;
	z-index: 1;
}
.roadmap_mile .mile.mile1::after{
	width:50%;
	left:50%;
}
.roadmap_mile .mile.mile2::after{
	width:100%;
	left:0;
}
.roadmap_mile .mile.mile3::after{
	width:100%;
	left:0;
}
.roadmap_mile .mile.mile4::after{
	width:100%;
	left:0;
}
.roadmap_mile .mile.mile5::after{
	width:50%;
	left:0;
}

.roadmap_mile .passed{
	cursor:pointer;
	color:var(--orange-color);
}
.roadmap_mile .passed::before{
	background-color: #ffd6b8;
	border: 1px solid orange;
}
.roadmap_mile .passed::after{
	border-top: 1px solid orange;
}

.roadmap_mile .passed:hover{
	color:#de383d;
}

/*   */
.rulesofstay {
display:table-cell;
	padding:10px 10px 25px 10px;
}
.subtotalprev{
	
}

/*   */
.payment-pay-now {
	color: var(--orange-color);
}
.payment-pay-now-text {
	text-align: center;
	line-height: 121%;
}
.payment-disclaimer-wrap {
	padding: 0 20px;
}
.payment-disclaimer {
	background-color: #efefef;
	padding: 20px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.payment-header{
	text-align: center;
	font-size: 22px;
}
.payment-options{
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	column-gap: 20px;
	padding: 0 20px 0 20px;
}
.payment-options.fwidth{
	padding: 0;
}

.payment-option {
	background-color: #efefef;
	padding: 20px;
	width: 50%;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.payment-options.fwidth .payment-option,
.payment-options .payment-option.fullwidth {
	width: 100%;
}

.payment-option .caption{
	padding-bottom: 20px;
	text-align: center;
}
.payment-option button{
	display: inline-block;
	margin: 0 20px;
	background-color: var(--orange-color);
	color: white;
	border: 0;
	border-radius: 5px;
	font-size: 14px;
	padding: 12px 18px;
	cursor: pointer;
}
.payment-option button:hover{
	background-color:#de383d;
}

.payment-option button:disabled{
	background-color: #cccccc;
	cursor: default;
}

.click-in-progress{
	background-image:url(/booking/template/img/spinner.svg);
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 17px;
	padding: 12px 18px 12px 38px !important;
}

@media (max-width: 640px) {
	.payment-options {
		display:block;
	}
	.payment-option {
		margin-top: 20px;
		width:auto;
	}
}


.posprzew{
	text-align: center;
	width: 100%;
	background: red;
	color:white;
	margin-bottom: 10px;
	padding: 5px;
}
.posprzeh{

}
.posprzet{

}

.payment-next {
	position: relative;
	text-align: center;
	padding: 16px;
}
.payment-next span{
	display:inline-block;
	background-color: #efefef;
	font-weight:bold;
	font-size: 14px;
	z-index: 6;
	position: relative;
	padding: 0 17px;
}
.payment-next::after {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	background-color: #ccc;
	left: 0;
	top: 25px;
}

.campmaptip{
	display: flex;
	align-items: center;
	width: fit-content;
	margin: 0 auto;
}
.campmaptip div:first-child{

	padding:0 10px;
}
.campmaptip div p {
	margin: 0;
}
.campmaptip ol {
	margin: 0;
	padding: 10px 0 0 16px;
}
span.bshsdywkj{
	background-image: url('/template/img/spinner.svg');
	background-repeat: no-repeat;
	background-size: 14px;
	width:14px;
	height:14px;
	display:inline-block;
	margin-left:5px;
}
.sizewarning{
	padding: 5px;
	background-color: red;
	color: white;
	text-align-last: center;
}
.clientinit:disabled,
.clientinit:disabled:hover{
	background-color:rgb(179, 179, 179);
	cursor:default;
}