﻿/*Transportkeuze*/

.selectedTransports
{
	margin:10px 0;
	.box-sizing();
	width:100%;
	display:flex;
	justify-content:space-between;
}

.transportSegment
{
	width:~"calc(50% - 8px)";
	border:1px solid @pv-color-grey-light;
	padding:10px;
	box-sizing:border-box;
	border-radius:2px;
}

	.box-matrix .prices .transportSegment h5 {
		font-size:16px;
	}

	.availableTransports .transportSegment.transportRental,
	.transportSegment.transportRental {
		width:100%;
		margin-right:0;
	}

.icoTransport
{
    float: left;
    margin-right: 5px;    
	@pv-icotransport();
	filter: invert(30%) sepia(97%) saturate(1109%) hue-rotate(177deg) brightness(96%) contrast(101%);

	& + div {
		color:@dr-color-blue !important;
	}
}

.transportSegment ul
{
	margin:10px 0;
}

.transportBlock .transportSegment ul
{
	margin:5px 0;
	width:100%;

	li
	{
		margin-bottom:5px;
		width:100%;

        .col
        {
            .row
		    {
			    width:290px;
				font-weight:bold;
		    }

            &.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();
background: #FFFFFF;
border: 1px solid #BFDDEF;
box-sizing: border-box;
border-radius: 4px;


    .transportSegment
    {
    	width:286px;

	    &:first-child
	    {
		    margin-right:8px;
	    }

        ul
        {
	        margin:10px 0;
        }
    }
}


.transportBlock .availableTransports .transportSegment ul
{
	margin:5px 0;
	width:100%;

	li
	{
		margin-bottom:5px;
		width:100%;
		.box-sizing();
		@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:220px;

		        .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*/