﻿#travelparty-container, 
.fluid-full-popup
{
	font-size:12px;

    .content
    {
        position:relative;

        .row
        {
            width:100%;
        }

        label.black
        {
		    font-size:13px;
		    font-weight:bold;
		    line-height:24px;
            @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; 
}
*/
#travelparty-container {
	&.search-fluid-popup {
		width: 630px;
		position: fixed;
		left: ~"calc(50% - 315px)";
		top: ~"max(calc(50% - 290px),20px)";
		bottom: ~"max(calc(50% - 290px),20px)";
		margin-top: 0;
		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: -22px;
			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;
		    &::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();
			    content:'+';
		    }
			*/
			@pv-sidebar-faq-li-a();
		}

		&.delete {
			margin-left: 5px;
			margin-top: 5px;
			position: inherit;
			top: auto;
			right: auto;

			&::before {
				content: '×';
				color: #fff;
				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();
	}

	.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();
	}
}

body.detail #travelparty-container{
	a#ctl00_ContentPlaceContentBlock3_BaseMatrixControl_travelParty_btnSave{
	    float: right !important;
		width: auto !important;
		font-size: inherit !important;
	}

	@media @mobile{
		width: 100% !important;
		height: 100%;
		top: 0 !important;
		left: 0 !important;
		z-index: 1005;
		margin: 0;
		position: fixed !important;

		.content .dashed-box{
			//height:~"calc(100vh - 155px)";
		}
	}

	@media @tablet {
		width: 100% !important;
		height: 100%;
		top: 0 !important;
		left: 0 !important;
		z-index: 1005;
		margin: 0;
		position: fixed !important;
	}
}
