/*Transportkeuze*/

.selectedTransports
{
	margin:10px 0;
	.box-sizing();
	width:100%;
	display:flex;
	justify-content:space-between;
	column-gap:16px;
	row-gap:16px;

	& > .spacer{
		position:absolute;
	}
}

.transportSegment
{
	border:none;
	padding:19px;
	box-sizing:border-box;
	border-radius:4px;
	background:@color-primary-light-75;
	width:100%;
}

	.box-matrix .prices .transportSegment > div {
		@header-small();
	}

	.availableTransports .transportSegment.transportRental,
	.transportSegment.transportRental {
		width:100%;
		margin-right:0;
	}

.icoTransport
{
    float: left;
    margin-right: 5px;    
	@pv-icotransport();
	color:@color-primary;
}

.transportSegment ul
{
	margin:10px 0;
}

.transportBlock .transportSegment ul
{
	margin:5px 0;
	width:100%;

	li
	{
		margin-bottom:5px;
		width:100%;

        .col
        {
            .row
		    {
			    &.fwb{
					font-weight:normal !important;
			    }
		    }

            &.details
		    {
    			width:228px;

			    .flightTime
			    {
				    width:35px;
				    margin-right:5px;
				    display:block;
			    }

			    .airport
			    {
                    width:unset;
				    display:block;
			    }

                .airlineName,
                .flightNumber,
                .flightClass {
                    display: none;
                }

		    }

		    &.airline
		    {
			    width:60px;
			    height:25px;
			    margin-right:10px;
                display:none;
		    }
        }
	}


}





.availableTransports
{
	padding:9px !important;
    padding-bottom: 23px !important;
    @pv-custom-checkbox();

	& > div.row:first-child {
		display:flex;
		column-gap:8px;

		@media @mobile{
			flex-direction:column;
		}
	}

    .transportSegment
    {
		width:100%;
		padding:0;

        ul
        {
	        margin:10px 0;
        }
    }
}


.transportBlock .availableTransports .transportSegment ul
{
	margin:5px 0;
	width:100%;

	li
	{
		margin-bottom:5px;
		width:100%;
		.box-sizing();
		border-radius:4px;
		@pv-matrix-transport-segment-li();

        &.unavail
		{
			cursor:default;
			@pv-matrix-transport-segment-li-unavail();

            .details .row
            {
                color: #999999 !important;		
            }
		}

        .col
        {
            .row 
			{ 
				width:100%; 
				&.addition
				{
					@pv-matrix-transport-segment-li-addition();
				}
            }

		    &.select
		    {
			    width:30px;
			    text-align:center;
		    }

		    &.NoCombine
		    {
			    width:252px;
                padding-left:10px;
		        a
		        {
			        margin:10px 0 5px 0;
		        }
		    }

		    &.date
		    {
			    width:230px;

		        .flightDate
		        {
			        width:230px;
			        display:block;
		        }
		    }

		    &.time
		    {
			    width:35px;
                margin-right: 15px;
		        .flightTime
		        {
			        width:35px;
			        display:block;
		        }
		    }

		    &.details
		    {
			    width:157px;

			    .airport
			    {
				    width:157px;
				    display:block;
				    font-size:14px;
                    margin-bottom: 5px;
			    }
		    }	

		    &.airline
		    {
			    display:none;
		    }

        }
    }
}

.transportBlock .availableTransports .transportSegment.TrBu ul li .col.details,
.transportBlock .availableTransports .transportSegment.TrBu ul li .col.details .airport
{
	width:216px;
}
/*Transportkeuze*/