.tripBlock
{
	@pv-detail-tripblock();
	
}

#trips
{	
	border-collapse:collapse;
	border:none;
	border-spacing:0;

	th,
    td
	{
		padding:0 2px;		
		text-align:left;
		height:19px;
		border:none;
	}

	th
	{
		font-weight:bold;	
	}

	td
	{
		cursor:pointer;
	
        &.unavail { color: #999999;	}
    }
    
    tr
	{			
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}

	.radio { width:22px; }
	.logo { width:74px;position:relative; }
	.transport { width:240px; }
	.board { width:94px }
	.price { width:60px; text-align:right;white-space:nowrap; }
	
    .avail 
    { 
        width:110px; 
        text-align:right;
    
	    &.check 
        { 
            text-decoration:underline; 
            color:@color-primary;

		    span.status
		    {
			    text-align:center;
			    font-weight:bold;
                background: url(img/base/ico/ico_check_prijs.png) no-repeat left top;
		    }
	    }

	    &.bookable
	    {
		    font-weight: bold;

            span.status { background-color:#009900; }
	    }

		&.unavail span.status { background-color:#bf0000; }
		&.request span.status { background-color:#99cc00; }
		&.pricecheck span.status { background-color:#FF9933; }

		span.status
		{
			.border-radius(2px);
			width:13px;
			height:13px;
			display:block;
			float:right;
			margin-left:5px;
			margin-top:1px;
		}
    }

    li 
    {
        &.special 
        {
            .animation( special 1s 3 linear );
        }

        .trip
        {
	        padding:10px;
	        width: 576px;
	        height: 38px;
	        background-color:@color-white;
	        margin-top:10px;
	        display:block;
			@pv-matrix-trip();

            &.chosen
            {
	            border-color:@color-cta;
                @pv-matrix-trip-chosen();

                .action
                {
	                font-weight:bold;
	                color:@color-cta;
                }
            }

            &.unavail
            {
				cursor:default !important;
				@pv-matrix-trip-unavail();
            }

            &.check
            {
				@pv-matrix-trip-check();
            }
        }

        &.altAir
        {
	        float:left;	
	        margin-top:10px;

	        .yellow-box h5
	        {
		        margin:0px;
	        }
    
	        .trip 
            {
		        float:left;
		        margin-top:0px;
	        }
        }

        a
        {
	        text-decoration:none;
	        color:inherit;
        }

        .transport, 
        .board, 
        .price, 
        .avail, 
        .action 
        {
	        height:19px;	
        }

        .transport, 
        .price,
        .logo
        {
	        /*margin-bottom:4px;*/
        }

        .logo
        {
	        float:left;
	        height:38px;
        }

        .logo, 
        .avail
        {
	        width:128px;
	        text-align:left;
        }


        .avail
        {
	        font-weight:bold;
	        text-transform:uppercase;
	        float:left;
	        margin-top:-20px;
	        line-height:19px;

            .icon-label
            {
	            margin-top:3px;
            }
        }

        .icon-label
        {
	        display:inline-block;
        }

        .transport
        {
	        width:368px;
	        float:left;
            color:@color-text-body;
            @header-small();

            span.tt
            {
	            margin-top:0px;
                display:block;		
	            float:left;
	            margin-right:8px;
                font-family:@pv-font-icons-name;
	            @pv-transport();
                font-weight:normal;
            }

            .icon-label
            {
	            /*margin-top:1px;*/
            }
        }

        .board
        {
	        width:280px;
	        float:left;
            color:@color-text-body;
            @header-small();

            span.bt{
                margin-right:8px;
                font-weight:normal;
            }

            .icon-label{
                @text-small-default();
                line-height:inherit;
            }
        }

        .price
        {
	        width:80px;
	        text-align:right;
	        float:right;
            @header-default();

            span 
            {

            }
        }

        .action
        {
	        width:168px;
	        text-align:right;
	        float:right;
	        font-size:12px;
	        line-height:19px;

            .icon-label {
                text-decoration: none;
                margin-top: 3px;
            }

            span.status
            {
	            margin-right:1px;
	            margin-top:4px;
            }
        }

        .bookable .action,
        .chooseoption .action,
        .trip .action
        {
	        font-weight:bold;
	        text-transform:uppercase;
	        
			@pv-matrix-trip-bookable-option();
        }

        .check .action
        {
	        font-weight:normal;
	        color:#999999;
	        text-transform:none;

            .icon-label
            {
	            margin-top:1px;   
            }
        }

        .avail span.status,
        .action span.status
        {
	        .border-radius(3px);
	        width:15px;
	        height:15px;
	        display:block;
	        float:left;			
	        margin-top:5px;
        }

        .avail 
        {
            img
            {
    	        margin-top:6px;
            }

            span.status
            {
	            margin-right:5px;
            }
        }
        
        .bookable .action span.status,
        .onrequest .action span.status,
        .chooseoption .action span.status,
        .trip .action span.status
        {
	        width:14px;
	        height:14px;
	        margin-left:5px;	
	        float:right;
	        text-align:center;
	        font-weight:bold;
	        font-size:10px;
	        padding:1px 0px 0px 1px;
	        line-height:10px;
			@pv-matrix-trip-item-action-status();
        }

        .uniqueTrip span.status{
	        width:14px;
	        height:14px;
            margin-right:5px;
            margin-top:5px;
            float:left;
        }

        .uniqueTrip .bookable span.status,
        .bookable .avail span.status { @pv-matrix-trip-bookable-action-status(); }
        .uniqueTrip .unavail span.status,
        .unavail .action span.status { @pv-matrix-trip-unavail-action-status(); }
        .uniqueTrip .onrequest span.status,
        .onrequest .avail span.status { @pv-matrix-trip-onrequest-action-status(); }
        .uniqueTrip .chooseoption span.status,
        .chooseoption .avail span.status { @pv-matrix-trip-chooseoption-action-status(); }

        .totrip {
            border: none !important;
            height: auto;
            padding-top: 0;
            padding-bottom: 0;

            .key{
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }


        
    }
}
        



	#trips .transport.unavail span.tt 
    { 
		@pv-transport-unavail();
	}/*background-position-y:-17px;*/


	.board span.bt
	{
    color:@color-text-body;
    font-size:16px;
    font-family:@pv-font-icons-name;
    &:before{
        content:'\e925';
    }
		display:inline-block;
		margin-right:8px;
        margin-top:0;
		vertical-align:middle;
	}

    tr.unavail td
    {
	    color: @color-text-subtle;
    }

/* multiple pricechecks trips is ul */

.pricecheck_anim
{
	width:100px;
	height:15px;
}

.mPriceCheckMulti
{
	width:568px;
	height:42px;
	display:none;
}



/* Chrome, Safari, Opera */
.keyframes(special, {
    50% { .opacity(0); }
});

.showHiddenTrips
{
	float:left;
	margin-top:4px;
}

/* multiple pricechecks trips is ul */

.priceInfo .row
{
	margin:13px;	
}

@import "styles_matrix_trips_combineroutes.less";