﻿#travelparty-container.fluid-full-popup {
	.content {
		.row {
			&.footer {
				display: flex;
				justify-content: end;
			}
		}
	}
}
#travelparty-container,
.fluid-full-popup {
	font-size: 12px;

	.content {
		position: relative;
		background-color: #F9F9F9;

		.row {
			width: 100%;

			&.header {
				& > h3 {
					color: #333 !important;
					font-family: 'Titillium Web';
				}
			}
		}

		label.black {
			font-size: 13px;
			font-weight: bold;
			line-height: 24px;
			color: #000;
			@pv-searchfluidpopup-black();
		}

		.checkbox {
			float: left;
			margin: 20px 0 0 0;
			width: 100%;

			input {
				float: left;
				margin-right: 5px;
			}

			label {
				line-height: 22px;
			}
		}
	}

	.fluid-full-popup .add-bottom-line.also-desktop {
		padding-bottom: 10px;
		border-bottom: 1px solid #bbe3ff;
		.box-shadow(0px 1px #fff);

		& > * {
			.text-shadow(none);
		}
	}
}

#travelparty-container .content label, 
.fluid-full-popup .content label:not(.fwb) {
	float:left;
	width:120px;
	font-weight:normal;
	margin:0;
    font-size: @pv-font-size-default;
	clear:none;
	@pv-travelparty-content-label();
}

.travelpartyHolder
{
	float:left;
    position:relative;
    width:100%;
}
body.search .travelpartyHolder,
body.detail .travelpartyHolder
{
    padding-bottom: @pv-travelpartyholder-padding;
}

.box-matrix .prices .prefdate .pref .filters .travgroup .travelpartyHolder a.link-change-travelers,
.box-matrix .prices .prefdate .pref .filters .travelparty .travelpartyHolder a.link-change-travelers {
	bottom: 0;
	right: 0;
	top: auto;
	left: auto;
	height: auto;
	width: auto;
	line-height: 20px;
	color: #0077bf;
}

#travelparty-container {
	&.search-fluid-popup {
		width: 630px !important;
		position: fixed !important;
		left: ~"calc(50% - 315px) !important";
		top: ~"max(calc(50% - 330px),20px) !important";
		bottom: ~"max(calc(50% - 330px),20px) !important";
		margin: 0 !important;
		overflow-y: auto;

		& > .content-box {
			border: none;
			.border-radius(0);
			background: none;
		}

		.fluid-content {
			min-height: 312px;
		}

		.select-wrapper-fluid::before {
			display: none;
		}
	}

	.content {
		.row.header {
			margin-bottom: 10px;
		}

		label.full {
			width: 100%;
			margin: 10px 0;
		}

		label small {
			font-size: 11px;
		}

		.dashed-box {
			padding-bottom: 25px;
			min-height: 200px;

			&.red {
				min-height: 50px;
				padding: 10px;
			}

			&.black {
				color: #000;
				border-color: #000;
			}

			small {
				font-size: 14px !important;

				@pv-travelparty-content-dashedbox-small();
			}
		}

		select.year {
			margin-bottom: 5px;
		}

		.checkbox label {
			width: 300px;
			margin-top: 20px;
		}
	}

	.addition {
		width: 343px;
		font-size: 10px;

		input {
			vertical-align: baseline;
			margin-top: 5px;
		}

		.content {
			padding: 0 10px;

			label {
				float: none;
			}

			.save {
				margin-top: 10px;
			}
		}
	}

	a {
		&.text-close {
			position: inherit;
			left: auto;
			bottom: auto;
			right: auto;
			top: auto;
			float: left !important;
			@pv-searchfluidpopup-triangle();
		}

		&.close {
			position: absolute;
			top: 14px;
			right: 14px;
		}

		&.fluid-close,
		.fluid-full-popup a.fluid-close {
			position: absolute;
			top: -6px;
			right: -16px;
			@pv-fluid-close();
		}

		&.btn-rood {
			margin-left: 10px;
			margin-top: 0 !important;
			position: inherit;
			top: auto;
			right: auto;
			text-align: left;
		}

		&.add {
			margin: 10px 0 0 0;
			position: inherit;
			top: auto;
			right: auto;
			line-height: 14px;

			&:hover::before {
				box-shadow: 0 6px #cc6001 !important;
			}

			&::before {
				.border-radius(5px);
				height: 22px;
				width: 22px;
				line-height: 22px;
				font-size: 20px;
				text-align: center;
				vertical-align: middle;
				color: #fff;
				display: inline-block;
				margin-right: 5px;
				@pv-travelparty-add-before();
				box-shadow: 0 3px #ff7801;
				content: '+';
			}

			@pv-sidebar-faq-li-a();
		}

		&.delete {
			margin-left: 5px;
			margin-top: 5px;
			position: inherit;
			top: auto;
			right: auto;

			&::before {
				content: '×';
				color: #fff;
				font-family: @pv-font-twc-bold;
				font-size: 12px;
				line-height: 10px;
				text-align: center;
				width: 100%;
				height: 100%;
				display: block;
				@pv-delete-button();
			}
		}
	}

	.fieldMessageBox {
		top: 75px;
		left: 350px;

		span.header {
			float: left;
			clear: both;
			margin: 0 0 5px 0;
			width: 100%;
		}

		@pv-travelparty-fieldmessagebox();
		background-color: #f9f9f9;

		&:after {
			border-top-color: #f9f9f9;
		}
	}

	.arrow {
		top: 50px;
	}

	.dashed-box.red {
		width: 100%;
		margin-top: 10px;
		.box-sizing();
		margin-bottom: 0;
	}

	h3 {
		margin: 0 0 15px 0 !important;
	}

	select {
		@pv-travelparty-select();
	}
}
